A Context API do ReactJS é um gerenciador de estados ou não?! State Management com Nextjs
Вставка
- Опубліковано 5 лют 2025
- INFORMAÇÕES IMPORTANTES 👇
Livros que recomendo:
Como ser um programador melhor
amzn.to/3POQ5fq
Código Limpo
amzn.to/3hHXVKY
Arquitetura Limpa
amzn.to/3Viqw7v
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
amzn.to/3BWsaEO
14 hábitos de desenvolvedores altamente produtivos
amzn.to/3uZqsyy
Hábitos Atômicos
amzn.to/3FGllIM
Aprendendo a Aprender
amzn.to/3WxM0hG
Rápido e devagar
amzn.to/3PLrYhq
A vida dos Estoicos
amzn.to/3vaQIGl
Meditações de Marco Aurélio
amzn.to/3joFYS1
*Links afiliados.
---
Top 10 melhores vídeos do canal:
7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE
• 7 CONCEITOS DO TYPESCR...
QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS
• QUAL A MELHOR ESTRUTUR...
COMO APLICAR SOLID NO REACT - Inversão de dependência DIP
• COMO APLICAR SOLID NO ...
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias
• [ROADMAP] O QUE VOCÊ D...
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
• TUTORIAL NEXT.JS 13: F...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
QUANDO NÃO UTILIZAR ESTADOS NO REACT?
• QUANDO NÃO UTILIZAR ES...
MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO
• MELHORE A USABILIDADE ...
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
• TUTORIAL NEXT.JS 13: V...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
👋 Você pode me encontrar aqui:
🧑💻 Blog: www.devjuniorp...
💼 LinkedIn: / junior-alves-b66a10127
💻 GitHub: github.com/jju...
📷 Instagram: / devjunioralves
👨💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho 26 anos e moro em Goiás. Eu compartilho todo tipo de conteúdo relacionado à desenvolvimento de software.
✉️ Email comercial
devjuniorplus@gmail.com
📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.
#reactjs #context #nextjs #frontend
#contextapi #contextapireact #contextapivsredux #contextapireacttypescript #contextapitutorial #contextapiproject #contextapi #contextapi #learncontextapi #contextapi #reacttutorial
Livros que recomendo:
Como ser um programador melhor
amzn.to/3POQ5fq
Código Limpo
amzn.to/3hHXVKY
Arquitetura Limpa
amzn.to/3Viqw7v
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
amzn.to/3BWsaEO
14 hábitos de desenvolvedores altamente produtivos
amzn.to/3uZqsyy
Hábitos Atômicos
amzn.to/3FGllIM
Aprendendo a Aprender
amzn.to/3WxM0hG
Rápido e devagar
amzn.to/3PLrYhq
A vida dos Estoicos
amzn.to/3vaQIGl
Meditações de Marco Aurélio
amzn.to/3joFYS1
Não tem o que falar, parece que o Junior lê a mente e o que estamos com dificuldade. TOP DEMAIS ♥
Kkkkkk Que top man, valeu demais!
seu canal é um dos melhores hoje em dia mano parabens e muito obrigado por seu trabalho!
Opa, valeu demais mano!!!
Muito bom seu canal irmao, conteudo relevante de verdade sem fru fru
Valeu demais Andre!!!
Muito bom, parabéns 👏🏾!
Valeu demais Emanoel!!!
Muito boa sua explicação!! Ótimo vídeo tbm
Valeu Wallace!!!
ótimo video, Junior. Vlwwww
Vídeo massa!
Já ouviu falar do Jotai? ele é um management state muito bem otmizado, vale a pena conferir
Sim, já usei ele, mas foi pouco e faz um tempinho, preciso testar ele de novo.
Venho utilizando o Zustand e to estudando o XState.
Valeu demais pela dica!!!
Context e React query vem sendo uma otima pedida para mim que trabalho com React mais especificamente React Native. Por se tratar de mobile sempre priorizamos memoria e o Redux é um destruidor de memoria kkkkkk pelo o menos no mobile é oq noto . ja o React query é leve facil e simples, junto com Context para gerenciar estados globais do cliente
Excelente escolha! O React Query realmente é sensacional, trabalho com ele desde 2020 e não vejo um concorrente à altura.
O Redux traz mais complexidade, então temos que analizar se realmente faz sentido utilizá-lo ou não.
Valeu demais pelo feedback!!!
quais seriam casos de usos bons pra context? e quais ja iriam precisar de um gerenciador como o zustand?
Tem outro vídeo aqui no canal respondo exatamente essas perguntas Rafa. Mas basicamente, a context api é para evitar o prop drilling. Quando temos states complexos (ex.: dados de api), se precisarmos compartilhar para outros componentes, aí o ideal é utilizarmos um gerenciador de estados como um Recoil, XState ou Zustand que tu comentou.
Queria um vídeo sobre o zustsand urgente
Boaaa, Zustand é sensacional, vou trazer conteúdo dele sim!!!
Negócio é usar Zustand
Mas, porque o pessoal ainda insiste em pedir Redux? Eu acredito ser bem mais fácil usar o custom Hooks e Context API do que aquela parafernália toda do Redux. Ou eu ainda não aprendi Redux direito. Tu já usou Redux com TypeScript? Aquilo é de enlouquecer qualquer um. Sorry, só desabafando mesmo. kkkk
O contexto fornece uma maneira de passar dados pela árvore de componentes sem ter que passar props manualmente em todos os níveis.
OBS -> peguei na doc do react
Muita gente confunde isso e de fato é uma coisa bastante confusa só usando ambas as ferramentas para entender. Mas para fixar conhecimento você pode pesquiser "Arquitetura flux".
Quando eu estava aprendendo sobre contexto e o por que usar foi uma das coisas que me fizeram entender a diferança mas pelo primeiro paragrafo da doc do react tem uma parte que você deva dar enfase "maneira de passar"
E sim redux realmente é muito chato quando lida com ele a primeira vez
Kkkk Te entendo perfeitamente Diego.
Mas temos alguns pontos, não podemos confundir a Context API do React com gerenciadores de estados, tipo o Redux, Zustand, Recoil, XState...
Como o Icaro explicou acima, a context é apenas uma ferramenta para evitar o prop drilling. Diferente de um gerenciador de estados, que prover muitas outras funcionalidades.
E de fato o Redux era realmente bem complicado de se entender e trabalhar, mas mudou bastante.
Hoje eu não utilizo Redux nem no trabalho nem em projeto pessoais, mas acompanho a comunidade.
Ao meu ver, o Zustand é extremamente simples e resolve a maioria dos casos, então, recomendo bastante ele se caso for necessário.
Com a Context API + Hooks, na maioria dos casos, não se torna tão necessário.
@@icarovieira4479 Perfeito!
@@icarovieira4479 Realmente é bem complicado no início.
E sinceramente, na minha opinião, na maioria dos casos, não precisamos do Redux, um Zustand já resolveria o problema. Estou estudando o XState, e to curtindo bastante. Talvez traga um vídeo aqui pro canal falando sobre ele.
video gay
?
Junior te mandei um email!
Respondi lá!
@@devjunioralves Valeu 👍🏽