React, TypeScript e Next.js
Essa trilha de estudos em React foi montada pra levar você do zero até o nível avançado, sem pular degrau e sem modinha. Começa explicando o que é o React, como ele funciona por baixo dos panos, como criar e estruturar projetos, trabalhar com JSX, componentes, estado e rotas — tudo na base do JavaScript.
Na sequência, entra organização de código de verdade: boas práticas, composição de componentes, custom hooks e gerenciamento de estado local e global com Context API e Recoil. Depois disso, a trilha avança para integração com APIs e construção de aplicações full stack, conectando o front com back-end em cenários reais.
Um bloco forte é dedicado a testes, cobrindo desde testes de componentes com Jest e Testing Library, passando por testes de integração e mocks, até testes end-to-end com Cypress.
Também são abordados temas de qualidade profissional, como acessibilidade em interfaces React, estilização com Styled Components, padrões de código, automações de deploy e estratégias para criar componentes escaláveis e fáceis de manter.
A trilha evolui então para TypeScript, começando pela migração gradual, integração correta no React e uso de hooks e Context API tipados, focando em aplicações mais seguras e escaláveis.
Nos níveis finais, entram padrões avançados, otimização e performance, preparando o terreno para frameworks modernos. A parte de Next.js cobre desde os conceitos básicos até renderização, SSG, Server Actions, banco de dados com Prisma e Postgres, além de debugging e release em ambientes reais. Por fim, a trilha apresenta o Remix como alternativa moderna para rotas e dados.
Trilhas são sequências de Cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga Trilhas que te interessem ou crie as suas próprias
Passo a passo
-
1
Conteúdo do plano
-
Artigo React: o que é, como funciona e um guia dessa popular ferramenta JS | Alura
-
Artigo React e VSCode: como as extensões podem transformar sua produtividade | Alura
-
Curso React: desenvolvendo com JavaScript
-
Curso React: praticando React com Js
-
Curso React: como os componentes funcionam
-
Curso React: construindo componentes com JSX
-
Curso React 19: JSX, componentes, form action e useState
-
Curso React: configurando e estruturando projetos com Vite
-
Artigo Boas práticas ao escrever código em React js | Alura
-
Curso React: desenvolvendo em React Router com JavaScript
-
Curso React: gerencie estados globalmente com Context API
-
Curso React: gerenciando estado com Recoil
-
Curso React: explorando padrões de composição com custom hooks
-
Curso React: integrando seu projeto React com APIs
-
Curso React e Node.js: consumindo APIs no React no projeto full stack
-
Curso React: comece seu projeto full stack
-
Artigo Escrevendo testes automatizados com React e TypeScript | Alura
-
Curso React: testando os seus componentes
-
Curso React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
-
Curso React: testes de integração e mocks no Front-end
-
Curso React: testando um projeto com bibliotecas externas
-
Curso React: realizando testes avançados com Jest e Testing Library
-
Curso React: escreva testes end to end com Cypress
-
Curso React: avançando em testes e2e com Cypress
-
Artigo React: estratégias para componentes escaláveis | Alura
-
Curso React: estilize componentes com Styled Components e manipule arquivos estáticos
-
Curso React: acessibilidade para desenvolver interfaces inclusivas
-
Curso React: garantindo qualidade de código e automações de deploy
-
Artigo Componentes React com TypeScript | Alura
-
Curso React: migrando para TypeScript
-
Curso React: integrando TypeScript em projetos
-
Curso React: desenvolva aplicações tipadas e escaláveis com Typescript
-
Curso React com Typescript: aplique Hooks e Context API tipados
-
Curso React: lidando com padrões e otimizações para aplicações web robustas
-
Curso React: técnicas avançadas de otimização e desempenho
-
Artigo NextJS: o que é, vantagens, por que usar | Alura
-
Artigo Next.JS: aplicações fullstack com super poderes | Alura
-
Curso Next.js: conheça o framework React
-
Curso Next.js: gerando site estático com SSG
-
Curso Next.js: construindo com Server Actions
-
Curso React: migrando componentes para Next.js
-
Curso React: explorando estratégias de renderização do Next.js
-
Curso React: implementado técnicas modernas de Debugging e Release com Next.js
-
Curso React: modernizando rotas e dados com Remix
-
Curso Next.js: construa suas aplicações com Postgres e Prisma
-
Curso Nest.js: criando uma API Restful
-
Curso Nest.js: Persistindo dados com TypeORM e PostgreSQL
-
Curso Nest.js: lidando com migrações, relacionamentos ORM e erros em uma API
-
Curso Nest.js: adicionando funcionalidades com Redis, JWT e logging
-
Curso React: aplicando arquiteturas de Micro frontends
-
Curso React: observabilidade, manutenção e produção em aplicações
-
Curso React: implementando segurança web com padrões OWASP
-
Curso React: otimização avançada de performance
-
Curso React: implementando estratégias avançadas de gerenciamento de estado
-
Curso React: tomando decisões estratégicas em projetos
-
Excluir Trilha de Estudos?
Ao excluir, você não não conseguirá mais visualizar e acessar a Trilha criada por você