ReactJS

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

Icone da tag FrontendFrontend
Next.jsViteTypeScriptdate-fns+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