Curso de Desenvolvedor React

Aula 1 • Classes e Protótipos

Apresenta a sintaxe de classes, herança e a cadeia de protótipos. Fornece contexto para compreender componentes React baseados em classes e métodos de ciclo de vida.

Aula 2 • Promessas e Async/Await

Explica a execução assíncrona, encadeamento de promessas e a sintaxe async/await. Prepara os alunos para a obtenção de dados dentro de componentes React.

Aula 3 • Fundamentos da Sintaxe ES6

Aborda let/const, funções flecha, literais de modelo e desestruturação. Estes padrões aparecem em toda a base de código React.

Aula 4 • Módulos e Importação/Exportação

Ensina exportações nomeadas e por defeito, resolução de módulos e expectativas do bundler. Possibilita diretamente a organização de ficheiros de componentes em projetos React.

Aula 1 • Configuração de um Projeto React

Percorre a estruturação de projetos com Vite e Create React App, a estrutura de pastas e a utilização do servidor de desenvolvimento. Os alunos saem com um ambiente local funcional.

Aula 2 • O Que o React É e Porquê

Explica o DOM virtual, a UI declarativa e o lugar do React no ecossistema front-end. Estabelece a base conceptual para todo o trabalho subsequente com React.

Aula 3 • Renderização de Listas e Condicionais

Aborda a renderização de listas com base em chaves e padrões de renderização condicional. Estas são as técnicas de UI dinâmica mais comuns no React.

Aula 4 • Sintaxe e Regras do JSX

Aborda a transpilação de JSX, incorporação de expressões e regras específicas do JSX como className e tags de fecho automático. Liga o JSX ao JavaScript para o qual é compilado.

Aula 1 • Elevação do Estado

Explica a partilha de estado entre componentes irmãos, movendo-o para um pai comum. Reforça o princípio do fluxo de dados unidirecional.

Aula 2 • Atualizações de Estado Imutável

Aborda por que razão o React exige atualizações imutáveis e como aplicá-las a objetos e arrays. Previne erros comuns causados por mutação direta.

Aula 3 • Componentes de Formulário Controlados

Ensina inputs controlados onde o estado do React conduz os valores do formulário. Permite validação e tratamento de submissão de formulários fiáveis.

Aula 4 • Fundamentos do Hook useState

Explica a inicialização de estado, a função setter e os gatilhos de re-renderização. useState é a principal ferramenta para interatividade local em componentes funcionais.

Aula 1 • Funções de Limpeza

Ensina a devolução de funções de limpeza para cancelar subscrições e temporizadores. Previne fugas de memória em componentes de longa duração.

Aula 2 • Mecânica do Hook useEffect

Aborda a sintaxe de efeito, o array de dependências e o tempo de execução. Os alunos obtêm controlo preciso sobre quando os efeitos são executados.

Aula 3 • Visão Geral do Ciclo de Vida de Componentes de Classe

Mapeia componentDidMount, componentDidUpdate e componentWillUnmount para equivalentes de useEffect. Prepara os alunos para ler bases de código legadas.

Aula 4 • Compreensão de Efeitos Secundários

Define efeitos secundários no React e explica por que motivo devem ser isolados da renderização. Motiva a necessidade de useEffect.

Aula 1 • useMemo e useCallback

Explica a memoização de valores e funções para prevenir recálculos e re-renderizações desnecessários. Introduz o pensamento de otimização de desempenho.

Aula 2 • useContext para Dados Partilhados

Ensina a criar e consumir contexto para evitar prop drilling. Liga-se aos padrões de estado global introduzidos no capítulo de gestão de estado.

Aula 3 • useReducer para Estado Complexo

Introduz o padrão reducer para gerir lógica de estado com múltiplas ações. Prepara os alunos para o pensamento ao estilo Redux dentro de um único componente.

Aula 4 • useRef e o DOM

Aborda useRef para acesso ao DOM e persistência de valores mutáveis entre renderizações. Permite gestão de foco, animações e integração com bibliotecas de terceiros.

Aula 1 • Navegação e Links

Ensina Link, NavLink e navegação programática com useNavigate. Permite padrões de navegação declarativos e imperativos.

Aula 2 • Configuração e Noções Básicas do React Router

Aborda BrowserRouter, Routes e Route para definir a árvore de navegação de uma aplicação. Estabelece o modelo de roteamento declarativo.

Aula 3 • Rotas Aninhadas e Layouts

Explica árvores de Route aninhadas e o componente Outlet para layouts partilhados. Reduz a duplicação de layout entre páginas relacionadas.

Aula 4 • Rotas Protegidas e Guardas de Autenticação

Implementa guardas de rota que redirecionam utilizadores não autenticados. Aplica conhecimento de contexto e roteamento juntos num padrão realista.

Aula 1 • Fundamentos do Redux Toolkit

Apresenta a store, slices e reducers do Redux Toolkit como a abordagem moderna do Redux. Substitui os padrões clássicos do Redux, pesados em boilerplate.

Aula 2 • Escolha da Solução de Estado Correta

Compara estado local, Context, Redux e Zustand por complexidade e caso de uso. Equipa os alunos para tomar decisões arquiteturais em projetos reais.

Aula 3 • Context API em Escala

Estende os padrões de useContext para estado de toda a aplicação com múltiplos contextos e otimizações de desempenho. Aborda quando o Context é suficiente.

Aula 4 • Leitura e Escrita do Estado Redux

Aborda os hooks useSelector e useDispatch para interação com a store ao nível do componente. Permite que os componentes leiam slices e despachem ações.

Aula 1 • Construção e Implementação de Aplicações React

Percorre as builds de produção, configuração de ambiente e implementação em plataformas de alojamento estático. Completa o ciclo de vida completo de desenvolvimento.

Aula 2 • Técnicas de Otimização de Desempenho

Aborda React.memo, lazy loading e code splitting para reduzir o tamanho do bundle e o custo de renderização. Melhora diretamente o desempenho percebido pelo utilizador.

Aula 3 • Teste de Componentes React

Apresenta a React Testing Library e o Jest para testes unitários e de integração. Aborda renderização, consulta e simulação de interação do utilizador.

Aula 4 • Limites de Erro e Resiliência

Ensina limites de erro baseados em classes e UIs de fallback para prevenir falhas totais da aplicação. Adiciona resiliência de produção às árvores de componentes.