React Query y Zustand con React y Typescript

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

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

50% 1

Aprende a Manejar el estado global de tus aplicaciones usando React Query para controlar el estado que viene desde el servidor de forma asíncrona, en conjunto con Zustand, otra biblioteca de Javascript para React para manejar el estado local de tus aplicaciones. Además en este ejemplo usaremos Vite para crear un proyecto Frontend de React que funcione junto con Typescript.
💻 Código del Proyecto: github.com/fazt/react-query-z...
⭐ Cursos Recomendados
⮕ Rust, Instalacion Windows • Rust (Lenguaje de Prog...
⮕ Rust, Instalacion Linux • Rust, Instalación en L...
⮕ Rocket, Rust backend Framework • Rocket, Framework Back...
⮕ Tauri, Rust Desktop Framework • Tauri - Aplicaciones d...
⮕ Curso de React • Curso de Reactjs desde...
⮕ Curso de Javascript para React • Javascript para Aprend...
⮕ Curso de Nodejs • Nodejs Curso Práctico ...
⮕ MPA vs SPA • Aplicaciones SPA vs MP...
⮕ Nodejs y Jest Testing • Nodejs Testing con Jes...
⮕ MERN Stack • MERN Stack con Context...
🗣 Redes Sociales
⮕ Twitter / fazttech
🎒 Servicios Recomendados
⮕Ledger (Hardware Wallet) bit.ly/3ijsVNW
⮕ SiteGround bit.ly/31u9ZEk
⮕ Cloudinary bit.ly/3ohNlJ7
⮕ Namecheap namecheap.pxf.io/ErDe9
🌎 Sitio Web
fazt.dev
#reactjs #reactquery #reduxjs

Наука

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

4 янв 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@brightglitch958 Год назад

Empece a usar Zustand hace poco, me encanto, hasta podes sacar lo states fuera de react components

@SonGoku-pc7jl Год назад

muchas gracias Fazt, ha sido un regalo mágico de reyes :)

@luizarnoldchavezburgos3638 Год назад

Sigue asi fazt. Eres un gran referente

@OscarGarcia-up3ph Год назад

Sentí que Zustand es igualito que Pinia de Vue pero para React, me gusta

@buyita04 Год назад

muchas gracias por compartir tu conocimiento crack! saludos desde Argentina!

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

Gracias Amigo, como siempre muy buen contenido.

@Deus-lo-Vuilt Год назад

Fazt , de casualidad subirás mas material de estos dos ? Zustand y React query ? estan geniales para poder practicar , se agradece!

@_hugo_cruz Год назад

Gracias bro!!!

@eliseoabadia7312 Год назад

Eres genial explicando amigo, te mando un saludo desde México!

@juandanielvalderrama1485 Год назад

Que maravilla gracias

@manuonda Год назад

Muchas gracias por el video tutorial! Queria consultarte en que momento realizar la persistencia de datos cno la base de datos, la sincronizacion ? Muchas garcias.Saludos.

@andriim1440 Год назад

Despite I don't know Spanish video was very helpful

@jorgeassaf Год назад

Espectacular zustand, oye fazt una pregunta he trabajado con react router dom v6.4 con los loaders y actions pero viendo el vídeo como implemerarias react Query o SWR para las peticiones sin usar el useLoaderData

@Holri Год назад

Master 🐉

@inaki.m Год назад

Buenísimo. Hacés que parezca sencillo

@user-ys3uu5un6l 26 дней назад

Thank you!

@Ivxn_Edxt Год назад

Primero y épico

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

Hola buen dia, buen video gracias. Una consulta se puede usar Zustand con useState? o es que causaria varios renderizados(o infinitos). Como recomendarias programar si se realiza la conbiancion de esto 2 tipos gestion de estados? Lo pregunto por que en un componente aveces solo se necesita estados pequeños , por ejemplo un open para abrir un modal y cosas similares.

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

hay posibilidad que actualices el tutorial con Tanstack Query v5? o hacer un segundo video con los breaking changes que tiene el V5?

@CodeWithDesign Год назад

Lo que no me queda claro es como podrías hacer que la información de rtk se guarde en el store de redux toolkit a diferencia de este vídeo que si explica como almancer lo de react query con zustand

@SoozaV Год назад

El uso de React Query haría que una carpeta 'services' con por ejemplo, un archivo 'users' con métodos get, post, etc. sea innecesario no? El control de esos métodos pasaría de 'services' a los hooks de React Query?

@Alberto_APC91 Год назад

Saludos Fast... Excelente video. Aun no he comenzado a usar zustand pero me parece interezante la manera en como lo integraste con react query y que se puede guardar la informacion del state en localstorage.. pregunta. zustand tiene algunda devtools para ver el state?? como por ejemplo react developers tools o Redux Devtools....

@ivandavidarangolizarazo5895 Год назад

si no estoy mal con redux devtools se puede ver el estado cuando se usa zustand

@ratedRsuperstization Год назад

Muy buen video y aprendizaje, deberias pensar en crear cursos en Udemy :)

@juniorhernandezq4333 8 месяцев назад

Hola muy buenas tardes me encanto este video y lo pondre en practica. Tambien tengo una pequeña duda para programar que tarjeta grafica recomiendas?? o cual tienes en tu pc?

@davidc.7688 7 месяцев назад

con 8 de ram mas que suficiente para empezar no necesitas una gráfica dedicada hahahaha

@juanmolinas Год назад

saludos Fazt!, ese es el shell de linux lite?

@FaztCode Год назад

Es este: Mejorando el Powershell de Windows con OhmyPosh, Windows Terminal y NerdFonts ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-d9y0l7yY404.html

@gustavoca_ Год назад

me parece que a la hora de agregar set((state) => ({...state })), no es necesario esparcir el estado o crear la copia asi: ...state, porque al parecer lo hace automáticamente

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

Alguien sabe el color theme que esta usando ? se ve muy bien.

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

El tema creo que es ayu

@eribertmarquez452 Год назад

¿Podrias por favor hacer un video con react query y redux toolkit ya sea un crud o una autenticacion?

@davidc.7688 7 месяцев назад

dejo por aqui la nueva forma de usar useQuery de react-query async function fetchRepos() { const {data} = await api.get('/users/YOURUSER/repos') return data } export const useFetchRepositories = () => { return useQuery({ queryKey:['repos'], queryFn: fetchRepos }) }