Rocketseat

ReactJS

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

Icone da tag FrontendFrontendIcone da tag IntermediárioIntermediário
CSSNext.jsViteTypeScript+24
Nível 01

Fundamentos

31 Aulas7 Atividades

Iniciando com React.js

Módulo31 aulas
4 Atividades
5h 58min

Nesse módulo, criaremos uma aplicação React utilizando o Vite e aprenderemos sobre os conceitos mais importantes do React, entre eles estão componentização, propriedades, estados, imutabilidade e hooks, além de aplicar o TypeScript no nosso projeto para adicionar tipagem estática à aplicação.

Praticando Conceitos

Desafio práticoopcional

Nesse desafio você vai reforçar os conceitos mais importantes do ReactJS e aprender ainda mais conceitos que serão utilizados em todas as aplicações que você for desenvolver no futuro.

Conceitos e fundamentos do ReactJS

Teste teóricoobrigatório
10 Questões

Quiz Projeto 01

Fundamentos do React

Fundamentos do React

Certificação do primeiro nível da formação React

Nível 2

Aprofundando em Hooks

45 Aulas9 Atividades

Criando SPAs com ReactJS

Módulo45 aulas
6 Atividades
6h 53min

Nesse módulo iremos construir uma aplicação completa com roteamento e diversos conceitos importantes do ecossistema React como ContextAPI, useReducer, immer e muito mais.

Coffee Delivery

Desafio práticoopcional

Nesse desafio vamos entrar ainda mais fundo em funcionalidades do React, e dessa vez adicionando também mais regras para praticar ainda mais o uso do ReactJS.

SPA & Context

Teste teóricoobrigatório
10 Questões

Quiz Projeto 02

Aprofundando em Hooks

Aprofundando em Hooks

Certificação do segundo nível da formação React

Nível 3

HTTP e Performance

27 Aulas6 Atividades

Consumo de API e performance no ReactJS

Módulo27 aulas
3 Atividades
3h 41min

Nesse módulo construiremos uma aplicação front-end web completa, conectando a uma API e veremos como performar aplicações com o React entendendo como funcionam os algoritmos internos da biblioteca e todo fluxo de renderização de componentes.

Github Blog

Desafio práticoopcional

Nesse desafio, vamos praticar a utilização de clientes HTTP consumindo a API do Github para criar um blog pessoal.

API & Performance

Teste teóricoobrigatório
7 Questões

Quiz Projeto 03

HTTP e Performance

HTTP e Performance

Certificação do terceiro nível da formação React

Nível 5

Primeiro framework

28 Aulas7 Atividades

Fundamentos do Next.js

Módulo28 aulas
4 Atividades
4h 17min

Nesse módulo criaremos um projeto completo com o framework Next.js. Vamos utilizar StitchesJS, passando por conceitos de SPA, server-side rendering (SSR) e static-site generation (SSG).

Adicionando features ao Ignite Shop

Desafio práticoopcional

Nesse desafio, vamos implementar um carrinho no nosso projeto, com a opção de adicionar e remover os itens antes de prosseguir ao checkout.

Next.js e Stitches

Teste teóricoobrigatório
7 Questões

Quiz Projeto 04

Fundamentos do Next.js

Fundamentos do Next.js

Certificação do quinto nível da formação React

Nível 6

Design System

36 Aulas7 Atividades

Design System

Módulo36 aulas
4 Atividades
4h 44min

Nesse módulo vamos construir um Design System, entender como documentar os componentes do React e descobrir diversas ferramentas que vão nos ajudar desde a implementação do Design System até sua publicação, como Storybook, changesets e muito mais.

Adicionando mais componentes do Design System

Desafio práticoopcional

Nesse desafio, vamos adicionar mais alguns componentes ao design system que já desenvolvemos em aula.

Design Systems

Teste teóricoobrigatório
8 Questões

Quiz Projeto 05

Design System

Design System

Certificação do sétimo nível da formação React

Nível 7

Aprofundando em Next.js

65 Aulas10 Atividades

Ignite Call

Módulo65 aulas
7 Atividades
10h 32min

Utilizando nosso Design System, vamos criar uma aplicação completa até o deploy. Abordaremos rotas autenticadas no Next.js, integração com Google Calendar, validações e muito mais!

Criando uma aplicação Fullstack

Desafio práticoopcional

Nesse desafio, vamos utilizar todo conhecimento adquirido para desenvolver uma aplicação completa para avaliar os mais diversos livros.

Next.js e Banco de dados

Teste teóricoobrigatório
8 Questões

Quiz Projeto 06

Aprofundando em Next.js

Aprofundando em Next.js

Certificação do sétimo nível da formação React

Nível 8

Certificado final

Certificado em ReactJS

Certificado em ReactJS

Certificado final da trilha de ReactJS

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!