Mis Bibliotecas favoritas de React en 2024

Подписаться 252 тыс.

Просмотров 26 тыс.

50% 1

Cuando desarrollo proyectos web con React, usando Nextjs como framework por ejemplo, uso muchos paquetes de npm para manejar formularios, subir imagenes, autenticar usuarios, crear tablas y muchas otras tareas. Entre estos paquetes puedes encontrar a react-hook-form, zustsand, sonner, react tanstack table, next-auth, react-select, shadcn/ui, tailwindcss, tailwindui y muchas mas.
Curso Recomendados
Curso de React: • Curso de Reactjs desde...
Curso de Nextjs: • Curso de Nextjs desde ...
🛒 Fazt Web
Tienda Online: store.faztweb.com/
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/python
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/social/discord
Whatsapp ⮕ www.whatsapp.com/channel/0029...
🎒 Servicios Recomendados
DigitalOcean ⮕ m.do.co/c/8ef261d77de5
Namecheap ⮕ namecheap.pxf.io/ErDe9
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
SiteGround ⮕ bit.ly/31u9ZEk
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.notion.so/yj9uc7bi3miq
Codecrafters ⮕ app.codecrafters.io/join?via=...
Puedes encontrar la lista de tutoriales de React en:
faztweb.com/react
#reactjs #javascript #desarrolloweb #nextjs

Наука

Опубликовано:

1 фев 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 100

@rubenn6160 4 месяца назад

Tailwind css Clsx Tailwind-merge Tailwind ui Shadcn Material ui Zustand Storybook React-select React-hook-form Zod React-tanstack-table React-dropzone Next-auth Sonner Dnd kit

@josepazmino842 4 месяца назад

Para componentes y utilidades me gusta mucho mantine ui, tiene varios conponentes utiles y una gran variedad de hooks, también cuenta con su propio control y validación de formularios como react hooks forms que funciona bastante similar e igual muy sencillo de utilizar junto con zod.

@miusicpro-musicaparacreado9513 4 месяца назад

Esto es oro puro, muchas gracias.

@AristeoIbarra 3 месяца назад

¡Muchas gracias por compartir, maestro!

@pegchan23 4 месяца назад

gracias por compartir Fazt .... a algunos de nosotros nos viene muy bien esa info..

@ccmarin14 4 месяца назад

Toda esta información es súper útil, espero poder utilizar alguna de estas librerías para nuevos proyectos

@Kai-wo9os 4 месяца назад

Gracias por el video, desde ya esperando el de Auth.js con Express

@EIMER1224 4 месяца назад

Me cayó como anillo al dedo, justo todo lo que necesitaba. Gracias!!

@d-landjs Месяц назад

Excelente Fazt!! Ando volviendo al desarrollo de React y probaré tus recomendaciones 😎

@Hackeandomivida 4 месяца назад

gRacias krak muy interesante , ademas que usando todas estas librerias nos dedicamos mas tiempo a la logica e implementaciones de mejores funciones, un golazo !!!

@angelelfmusic 4 месяца назад

framer motion tambien lo uso :D react-select me fue complicado de cambiar los estilos, y mas con tailwind.

@kervis8720 4 месяца назад

excelente, muchas gracias

@GerFlores03 4 месяца назад

Muchas Gracias Fazt Code

@KoffeinSL 4 месяца назад

Muchísimas gracias por tu contenido!

@josuedavidkennedymamani3576 4 месяца назад

todo esto es oro muchas gracias

@flaviorios4049 2 месяца назад

No sabía de NextAuth sorry 😳 Gracias por el dato 👍

@thepablopissoni Месяц назад

super util el video 😁😁

@germantellez2710 4 месяца назад

No estaba seguro de Sonner pero ahora si lo usaré :)

@nicolasmadariaga3378 4 месяца назад

Muchas gracias Fazt, es increíble el apoete que le das a la comunidad y lo esclarecedor en tantos temas. Sigue asi. Dios te bendiga

@FaztCode 4 месяца назад

Gracias por el apoyo Nicolás :)

@claudiomnec 4 месяца назад

Muy buenas, utilizo casi las mismas y estos videos nos sirven para ir comparando y reforzando nuestros stack. Siguiendo la linea de los videos que has subido, ¿Tienes algo pensado respecto a comunicación y organización con Backend? Ejemplo: React Query, TRPC, REST, Graphql, Monorepos. También nos sería util un video con el stack y técnicas de testing que utilizas en el día a día unit, functional y e2e. Saludos!!

@UskoKruM2010 4 месяца назад

Como siempre gran video, Fazt! Quería consultarte si tienes pensado traer algo de C# o Azure, sería interesante y complementario a tu amplio repertorio de tutoriales. ¡Saludos, amigo! 👋👋

@FaztCode 4 месяца назад

Si creo que vale la pena empezar a traer algo de ese Stack, voy a tratar de integrarlo pronto, gracias por la sugerencia @UskoKruM2010 :)

@UskoKruM2010 4 месяца назад

@@FaztCode Un placer, amigo 💪

@tomaslanger3257 4 месяца назад

Gracias por las sugerencias siempre me ayudas mucho con las mismas! Como consulta... si creo un proyecto de Reacr con Vite, puedo utilizar nextAuth? Saludos y gracias por el contenido

@MrRony1998 4 месяца назад

super todas las recomendaciones que mencionas ya están anotadas , aunque yo reemplazaría react select por un Autocomplete de Material Ui y el TanStack por una DataGrid también de Material Ui , que me parece que material tiene esos componentes en un nivel impresionante y la documentación es excelente yo recomendaría esas dos mucho mas

@miguelserrano8965 3 месяца назад

Nextui ya tiene el remplazo de react-select se llama autocomplete muy práctico y le podemos dar más estilo con tailwind para quienes ya lo tienen integrado en sus desarrollos. Excelentes recomendaciones me llevo algunas para mis futuros proyectos

@naylord5 4 месяца назад

Te rezo Fazt!! 🙌🙌 Muchas gracias por compartir recursos tan útiles. Podrías de favor considerar un tutorial de Next.js 14 para cargar múltiples imagenes de forma simultanea con react dropzone hacia S3 mostrando el progreso de cada archivo por favor? De antemano gracias!

@darioerazo2125 4 месяца назад

genial

@jesus_84_ 4 месяца назад

Maestro de maestros.

@kantyDarius 4 месяца назад

La biblioteca de Mantine tiene integrada muchas de las biblios. que mencionaste en este video.

@rolandodiaz4667 4 месяца назад

fazt habla mas de storybook porfa parece bueno

@ClayMS_ 4 месяца назад

Hola fazt, gracias por el video!. Sabes una biblioteca para editar una prenda de ropa para una tienda?

@cufando 4 месяца назад

Te amo faztcode

@partucero2000 4 месяца назад

La API de Unsplash, para obtener imágenes de stock, útil para cuando quieres mostrar un proyecto con imanes rápidamente.

@TheRolack 4 месяца назад

Tqm Fazt

@javierloera1247 4 месяца назад

Super. Referente a next auth, me suerge la duda en next autenticas en front y el servidor desconoce o como lo implementad tu normalmente? Grácias

@spectrumsensations 2 месяца назад

Sería bueno un tutorial de Storybook!

@SonGoku-pc7jl 4 месяца назад

gracias Fazt, ya que podemos pedir, pues un tutorial para storybook, react-select o table creo que no los vimos, en espera ;)

@FaztCode 4 месяца назад

De react select y tanstack table ya he creado pero el de storybook si está pendiente :)

@michaeltorrez933 4 месяца назад

@@FaztCode de react-table si esta muy bueno no mas que no profundisaste o almenos eso me gustaría mucho ya que me complico con el tema de definir anchos a las columnas, resize etc 😅😬

@hgmarquezp 4 месяца назад

Para tablas utilizo material datagrid.

@eltondeveloper1159 4 месяца назад

Hi, how are you fazt? How ever yours tuto are excellent. But I would like to know when you will post a tuto about zustand integration rest api express. Thanks!

@mauriciobetancur7428 4 месяца назад

Muy buen video fazt me gustaría uno para cosas de backend.

@FaztCode 4 месяца назад

Es una buena idea, voy a elaborar uno pronto :)

@jordycan7402 4 месяца назад

Estaria genial si desarrollas una aplicación usando todas estas bibliotecas

@yohand.angulou.427 4 месяца назад

Si duda, sería súper cool ver una app más “real para producción” aunque lleve varios videos.

@Victor-dd7el 4 месяца назад

Puedes hacer un video de como usar Nextjs 14 en Cloudflare Pages?

@JORGE-cb5oi Месяц назад

fast, una consulta si tengo un proyecto que fue creado con el comando npx y luego quiero usar ese mismo proyecto pero usando o convertirlo en vite es posible de antemano gracias

@guillermodaviddiazvergara5320 4 месяца назад

Hola Fazt el contenido que compartes es Genial , excelente , podrías hacer un tutorial sobre el Framework Remix

@FaztCode 4 месяца назад

Creo que es una excelente idea, voy a crear un minicurso del tema pronto

@tomaswilliams900 18 дней назад

Nextauth es solo para react Next o puedo usarla para react Vite también?

@snear6391 Месяц назад

Vale la pena seguir usando framer-motion o pesa demasiado?

@jhoncruz2393 4 месяца назад

También utilizo react-dnd pero al utilizarlo en Nextjs se traba por así decirlo 😢

@elmenikmati 4 месяца назад

Despacio franchute esto es oro!!! 😅☺

@FaztCode 4 месяца назад

jajaj

@jorgeleonardogamarraospino9896 4 месяца назад

Maestro,debería hacer un proyecto fullscatck donde implemente todas estas librerías.

@FaztCode 4 месяца назад

Es una buena idea para un proyecto largo, voy a ir creando un ejemplo pronto

@benjaoliva3383 4 месяца назад

Muy buenas recomendaciones. Quizas React Router Dom, Wouter o TanStack Router pueden ser buenas tambien para apps Client side preferentemente

@FaztCode 4 месяца назад

Son muy buenas recomendaciones:)

@ivancochancod 9 дней назад

@@FaztCode de estas cual la usas y porque?

@diegoperez-mu1dm 4 месяца назад

Seria bueno hacer lo mismo pero con Vue

@jonathanshock1113 4 месяца назад

Muchas gracias . Ya mismo me pongo a testear el hook forms estaba haciendo todo a mano.. siy muy noob 😁

@FaztCode 4 месяца назад

Aqui te dejo un tutorial del tema :) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1MxevPIZgVc.html

@roquelopez5456 4 месяца назад

Para mi, estas son muy buenas librerias, sin embargo, ya depende de lo que requiera el proyecto. -React-leaflet: Para mapas como google map pero gratuito. -Swipper: Para sliders.

@FaztCode 4 месяца назад

También esas son excelentes 👏

@mastermaster153 4 месяца назад

Tailwind es lo mejor ❤

@gonove97 4 месяца назад

Que te parece Formik? Creo que es competencia de React Hook Form

@FaztCode 4 месяца назад

Es otra opcion que usaba anteriormente, pero react-hook-form es mucho mas veloz y es menos verboso, es decir hace lo mismo con menos lineas de codigo

@Omarnuel3 Месяц назад

redux creo mejor que sustand debido a la escalabilidad que tiene el problema esque es vieja y te vas a topar con mucho codigo e implementaciones antiguas a la nueva de redux/toolkit

@daustinnmusic 4 месяца назад

faltó Radix-UI 👌

@Unknown-so7qv 4 месяца назад

Sería bueno mencionar bibliotecas para componentes WYSIWYG

@FaztCode 4 месяца назад

Es un excelente idea, siempre hay nuevas y cada una varia mucho, voy a crear algo pronto

@ivancochancod 4 месяца назад

Fazt consulta, porque no manejas estado en Next? Como lo reemplazas/manejas a esto en Next? Gracias

@nikolaydiazromero4466 4 месяца назад

Normalmente en next los estados los manejas el la URL ya que al ser un framework de backend puedes acceder y detectar cuando cambia no soy un experto pero es lo que puedo aportar.

@ivancochancod 4 месяца назад

Gracias por el comentario! Me paso en un proyecto que teniamos que mantener datos (pero sin persistirlos ej: localStorage) en un estado a traves de multiples rutas y componentes, y usamos Context que terminó siendo un state management global. Por eso me surgía la duda.

@xavier98ful 4 месяца назад

Zod sirve para un formulario de react hook form hecho con javascript?

@FaztCode 4 месяца назад

Si claro, también puedes usar zod si solo usas JavaScript, ya sea en el frontend o en el backend

@baygo100 4 месяца назад

por eso no me gusta mucho react, depende de bibliotecas externas que no precisamente estaran actualizadas siempre.

@nikolaydiazromero4466 4 месяца назад

Pregunta que hago consideras que nextjs este capacitado para llevar todo un backend y frontend al mismo tiempo ya que comentaste que los separabas cuando se hacia muy grande pero siento que de esa manera next pierde el potencial que tiene dejanos tu opinión de porque lo haces

@FaztCode 4 месяца назад

Esta interesante tu pregunta para un video, dejame que lo grabe hoy, y lo publico mañana :) Gracias por la pregunta @nikolaydiazromero4466

@erracode 4 месяца назад

@@FaztCodeuna duda que tengo yo es por ejemplo si tengo una app con next y la autenticacion esta hecha con supabase, pero en el caso necesite una API aparte con algun tipo de logica, y que esta se llame desde el front, como se podria resolver el tema de autorizacion? anteriormente era facil validando el jwt cuando la autenticacion se hacia desde la misma api, pero hoy dia no me queda claro como seria en este caso

@edgardomolinagonzalez3121 4 месяца назад

Master ¿me recomiendas más React que Angular?.

@FaztCode 4 месяца назад

Eso siempre es algo que dependa de tu oferta laboral, siempre es bueno investigar primero en sitios como linkedin los perfiles de empresas que te interesen y si solicitan mucho Angular, puedes aprenderlo en lo personal como soy freelance el usar React con Next y Node me ahorra mucho tiempo.

@franklinmartinez6276 4 месяца назад

Qué opinas de react-hot-toast?

@FaztCode 4 месяца назад

Estos días más sonner que hoy-toast, me parece que tienes más funcionalidades

@franklinmartinez6276 4 месяца назад

@@FaztCode Perfect lo investigaré

@germanpinto883 4 месяца назад

en un proyecto puedo usar Material UI y Tailwind??

@FaztCode 4 месяца назад

Si claro, puedes usarlo conjuntamente, aunque tambien quizas puedes considerar este otro proyecto que permite usar ambos en un mismo paquete: www.material-tailwind.com/