npm run dev
Abra http://localhost:3000.
- Home
- Servidor (parametrizada para pesquisa)
- Realiza fetch de dados no servidor
- Cliente
- Realiza fetch de dados no cliente
- Dados de formulário enviados por AJAX usando o idiomismo natural do React.js
- Contexto
- Como gerenciar um estado que perpassa uma sub-árvore inteira?
- Com contexts & reducers!
Ajudaram-me a entender de uma vez por todas a separação dos estados/contextos no servidor e no cliente.
- https://vercel.com/guides/react-context-state-management-nextjs
- https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns
- https://dev.to/codingbrowny/using-context-providers-in-nextjs-server-components-2gk4
- https://prismic.io/blog/advanced-nextjs-server-context
- https://medium.com/@ahmedenany9812/state-management-in-next-js-13-app-router-3892a56261ce
- https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g
- https://react.dev/learn/scaling-up-with-reducer-and-context