O Guia Definitivo Sobre Gerenciamento de Estados no React com Zustand | Master Class

[@hvilelaeng]

Usei zustand no último projeto que fiz e achei realmente bem tranquilo, embora pra ser sincero não cheguei a um bom entendimento do Redux antes de usar ele. Realmente não precisar nem de Context nem Provider é uma baita simplificação

[@LucianoDiiSouza]

Arquitetura flux trazia uma complexidade tão grande pros projetos que fez muita gente temer coisas como o redux, o zustand realmente me surpreendeu! Parabéns pelo conteúdo!

[@dogcodedev]

Faaala Luciano, beleza? Realmente, o Redux era um pouco complicado de entender por causa da Arquitetura Flux. Fico feliz que tenhas curtido, conte comigo 🤘🏻

[@TheMatthewizee]

Muito boom fion, valeu

[@neevs0]

Obrigado pela explicação. Clara, concisa e objetiva. Bora seguir pra ver mais conteúdos. 🎉

[@YggLart]

Muito boa sua explicação, tá bem parabéns mesmo. Deu contexto e tudo. Pode ser redundante pra quem já entende mas ajuda muito pra quem tá entrando nisso agora.

[@Manuelsembola]

Cara muito o obrigado pelo conteudo! Atualmente ainda uso redux man! por que tem muito legado ainda e tem muitas empressa que requisitam Redux! Estou vendo esse video é implementando em um projeto pessoal Zustand para testar, realmente a forma de uso é bem mais simples. Mudando de assunto man? Cara o por que seu canal chama "dogcode"? cadê o cachorro?

[@antoniovuono4521]

Muito bom o conteúdo! Achei o zustend bem o meio termo de redux e context api ! Parece ser bem tranquilo de implementar, vou experimentar!!

[@juniorstreichan-dev]

Eu aprendi o redux todo pra depois ver que nos projetos reais quase sempre ele não é necessário, um context já tanka, agore esse zustand simplificou ainda mais, muito top

[@domingosalexandre9345]

Boa noite @dogcodedev, muito bom seus conteúdos tem me ajudado muito, você poderia gravar uma aula sobre Zustand e Yup, ficaria show mostrar como essas duas ferramentas juntas fazem muitas coisas, desde já agradeço pelos vídeos. Forte abraço.

[@tc5878]

Qual melhor forma de utilizar o zustand pra offline first que synca dados de uma API? No Redux temos o Saga e até o redux-offline.

[@nathansantos4197]

Uma pergunta básica, o zustand parece muito um custom Hook. Qual seria a diferença de uso e/ou desempenho entre os 2?

[@TGuitarful]

Cara, quero nem pensar, vou pra esse aí! Quando usava Vue, o Vuex era incrível e simples. Quando conheci o Redux, me senti um burro, puta bagulho trabalhoso, mesmo com o Toolkit. O Zustand me parece incrível! Curti, parabéns!

[@dogcodedev]

Faala Thiago, beleza? Ficamos felizes em saber que você curtiu o vídeo, conte com a gente 🤘🏻

[@steiner5094]

Massa d+ vlww

[@rafakwolf]

Muito legal, explicou de forma simples tbm

[@caiohenrique1624]

adorei o zustand!! muito facil

[@dogcodedev]

Falaa Caio, beleza? É muito massa né? Fico feliz em saber que tenhas curtido ele, conte comigo 🤘🏻

[@thiagonunesmiziara6866]

Parabéns!

[@dogcodedev]

Faala Thiago, beleza ? Ficamos felizes em saber que você curtiu o vídeo. Conte com a gente 🤘🏻

[@daniloazulsoft]

ufa, achava q era so eu quem achava o redux complicado, cheguei a usar o reduxToolKit para resolver, mas o zustand, lembra muito a simplicidade do contextAPI, top mesmo.

[@denisfeliciano6784]

Muito legal mano, estou realmente impressionado com o Zustand e o tanto de complexidade que ele abastrai, pretendo utilizar em meus projeto daqui para frente, parabéns pelo vídeo.

[@piluladeconhecimento1623]

Muito legal mano, vlw ai por compartilhar conteúdo com a comunidade

[@Luizimbatera]

Zustando lembra o Svelte store

[@RafaelDurelli]

Ótimo video.

[@dogcodedev]

Faaala Rafael, beleza? Ficamos felizes em saber que tenha gostado do vídeo, conte com a gente 🤘🏻

[@willmesko]

muito melhor! com o zustand, como lidamos com async request e side effects? no redux usamos o saga como middleware, o zustand elimina essa necessidade? não ficou mt claro pra mim

[@AlesaGillespie]

Se vc está comparando RTK com Zustand, acho que não tem essas parada. RTK é state + react query. Assim podemos usar middleware e acessar query e mutation juntamente com todos os estados da aplicação. Pelo que vi, Zustand também tem middleware, mas não funciona como no Redux porque esse não é o objetivo dele. Eu nunca usei Saga porque o middleware do Redux já é bem completo. Acredito tbm q o pessoal do Redux e Zustand não recomenda mais usar sagas. No melhor dos casos, hoje é Zustand + React Query.

[@vagnerwentz1189]

Incrível, muito bom pra aprender o básico do Zustand! Agora existe algum software tipo o Flipper que podemos olhar as stores da nossa aplicação?

[@ribeiro.evandro]

De fato achei muito mais simples, mas como é a comparação com a ContextAPI quando pensamentos em estados mais complexos e a questão de side effects

[@dogcodedev]

Faaala Evandro, beleza? Então, é um pouco complicado comparar com a Context API porque ela foi desenhada para lidar com pequenos projetos (Conforme a documentação do React) mas como no Zustand está tudo separado por contexto, então tu pode ter estados complexos da forma como mostrei ali, dentro de cada contexto (users, products, orders..).

[@EduardoLima-pi7fl]

Opa Evandro, recentemente tirei um tempinho para estudar a Context API e confesso que apesar de ser uma API nativa do React e bem simples fiquei decepcionado. Aparentemente não tem como se inscrever/apontar para apenas parte do estado. Mesmo se um componente só olhar para uma propriedade de um estado sempre que esse estado mudar ele vai ser re-renderizado, mesmo que a propriedade que ele está olhando não mudou. Isso para mim torna a Context inviável para um gerenciamento de estado de uma aplicação mais complexa

[@caiohenrique1624]

wowwwww

[@gabrielspojump]

Wow, insano demais, estava tentando migrar meu projeto pra redux mas tá maluco, sempre da pau em alguma coisa, acho que vou largar mão e ir pro zustand

[@dogcodedev]

Faala Gabriel, beleza? Pois é, o Redux traz uma certa complexidade e o Zustand acaba removendo ela.

[@edsonmateus4004]

Se não passar a callback pra store, ele vai funcionar igual um contexto comum né ? Se qualquer estado naquela store mudar ele vai renderiza todos os componentes? Com a callback meio que ta falando pro zustand que só deve renderizar se aquele estado específico mudar ?

[@dogcodedev]

Faala Edson, beleza? Exatamente, se você fizer algo tipo const addUser = useUserStore(state => state), é esperado que você quer buscar tudo do estado e por consequência se algo atualizar, ele vai atualizar o componente também.

[@versaleyoutubevanced8647]

guia definitivo mas n falou sobre o get

[@DanielRios549]

Até que esse Zustand é bem simples mesmo, mas ainda tá complexo, rs, percebe que vc criou uma função addUser pra pegar a função addUser que existe dentro da store, seria melhor ainda se tivesse como exportar individualmente tanto o array users quanto a função addUser, ai era só importar e pronto.

[@edgarsiqueira1995]

gostei do video, parabéns, porem achei sua didática um pouco confusa, difícil de entender os conceitos. Usou mais da prática codando pela colinha do que preocupado em passar o que o código de faz de fato, apenas repetiu a sua cola rápido... e por fim mostrou o resultado do seu código. Faça a aula ser legível, a cada linha explicando o porque e de onde vem. Sorte ai amigo.