Rocketseat

ReactJS

Desenvolva interfaces modernas e reativas na web utilizando uma biblioteca modular e escalável.

Icone da tag IntermediárioIntermediário
APIContextAPIHooks

Esta formação não está mais recebendo atualizações

Essa formação não possui certificado e suas aulas estão com conteúdos desatualizados. Mas não se preocupe, já existe uma nova versão disponível no catálogo.

Nível 1

Chapter I

24 Aulas2 Atividades

Fundamentos do ReactJS

Módulo24 aulas
2h 45min

Nesse módulo criaremos a estrutura base de uma aplicação React utilizando ferramentas como Webpack, Babel, Webpack Dev server, SASS, Source Maps, Fast Refresh e descobriremos conceitos importantes do React como componentes, propriedades, estados e hooks além de aplicar o TypeScript no nosso projeto para adicionar tipagem estática à aplicação.

Conceitos do React

Desafio práticoobrigatório

Nesse desafio, você deverá criar uma aplicação para treinar o que aprendeu até agora no ReactJS. Essa será uma aplicação onde o seu principal objetivo é uma pequena aplicação de atividades a fazer, para treinar um pouco mais sobre manipulação do estado no React.

Componentizando a aplicação

Desafio práticoopcional

Nesse desafio iremos dividir uma aplicação em componentes afim de isolar as responsabilidades e facilitar a manutenção do código.

Nível 2

Chapter II

30 Aulas2 Atividades

Primeira aplicação web com ReactJS

Módulo30 aulas
3h 49min

Nesse módulo construiremos uma aplicação front-end web completa utilizando conceitos e ferramentas importantes do ecossistema React como Styled Components, MirageJS, Context API, hooks, Axios e muito mais.

Criando um hook de carrinho de compras

Desafio práticoobrigatório

Nesse desafio, você deverá criar um hook para gerenciar um carrinho de compras.

Refactoring de classes e TypeScript

Desafio práticoopcional

Nesse desafio, você deverá migrar uma aplicação de Javascript e Class Components para Typescript e Function Components

Nível 6

Chapter VI

4 Aulas1 Atividade

Você chegou ao final da formação!

Fique de olho nas comunicações para não perder os próximos conteúdos da trilha. Enquanto isso, aproveite para explorar conteúdos extras no catálogo!