Torne-se um Desenvolvedor React

Compreenda os princípios fundamentais do React. Você aprenderá sobre JSX (JavaScript XML), construção de componentes de UI reutilizáveis e renderização de elementos. Além disso, explorará a importância da coleta de dados e da renderização condicional em aplicações React. Ao final desta seção, você terá uma base sólida dos conceitos essenciais do React, preparando-se para os tópicos mais avançados abordados nas próximas seções.

Explore os diversos métodos de adicionar estilos às aplicações React. Você aprenderá a aplicar estilos a componentes individuais, utilizar estilos dinâmicos e manter uma abordagem de estilização escalável e sustentável em seus projetos.

Recursos avançados no desenvolvimento moderno com React. Hooks revolucionam a escrita de componentes funcionais, oferecendo uma maneira concisa e intuitiva de gerenciar estado e executar efeitos colaterais. Por outro lado, Context permite compartilhar dados pela árvore de componentes sem a necessidade de prop drilling. A combinação de Hooks e Context possibilita um gerenciamento de estado eficiente e compartilhamento de dados simplificado em aplicações React.

Guia passo a passo sobre como iniciar um projeto React do mundo real. Desde a configuração do ambiente de desenvolvimento até a compreensão da organização do projeto e ferramentas essenciais, você adquirirá o conhecimento e a confiança necessários para iniciar sua jornada com React.

Aprenda os fundamentos teóricos de conceitos como URL, domínio, protocolo, parâmetros de consulta e outros. Entenda a importância do roteamento em aplicações web e por que precisamos da biblioteca React Router.

Descubra como criar uma aplicação React completa do zero, com a capacidade de exibir conteúdo que se adapta com base na URL utilizando a funcionalidade do React Router.

Explore o uso de strings de consulta para compartilhar e gerenciar o estado da aplicação por meio de URLs, trabalhe com diferentes tipos de dados em parâmetros de consulta e aproveite o React Router para navegação e efeitos baseados em alterações de URL.

Explore os conceitos fundamentais de gerenciamento de estado e descubra como aproveitar o poder do Redux Toolkit. Orientaremos você pelo processo de instalação e ajudaremos a criar seu primeiro projeto React com Redux Toolkit. Além disso, enfrente um desafio para testar sua compreensão e habilidades.

Investigue a integração do Redux com aplicações React, abordando conceitos fundamentais: actions, reducers e o store do Redux. Inclui exemplos práticos e explicações de código para configuração do store, criação de reducers e conexão de componentes React por meio de hooks como useSelector e useDispatch.

Aprimore suas habilidades em gerenciamento de estado. Neste workshop prático, você enfrentará desafios do mundo real e adquirirá experiência prática utilizando o Redux Toolkit para um desenvolvimento de aplicações mais eficiente.

Vamos discutir o que é necessário aprender antes de começar com o framework Next.js, o que esperar deste curso e o que será desenvolvido.

Vamos configurar o projeto, analisar formas de adicionar estilos ao nosso aplicativo e abordar aspectos visuais como imagens, fontes, páginas e layouts.

Aprenda a criar e gerenciar facilmente uma nova visualização para seu aplicativo e navegar por todas as páginas de forma fluida com um sistema de roteamento incorporado.

Implemente o aplicativo Next.js utilizando contas do GitHub e Vercel. Além disso, estabeleça um banco de dados para fornecer os dados necessários ao aplicativo.

Considere como obter e apresentar dados ao usuário de forma clara e eficiente.

Descubra como implementar recursos modernos da web, como paginação, operações CRUD, busca global, validação de formulários e mais.

Implementação de autenticação no Next.js.