ReactJS
Desenvolva interfaces modernas e reativas na web utilizando uma biblioteca modular e escalável.
Frontend
Intermediário
Fundamentos
Iniciando com React.js
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
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
Quiz Projeto 01
Fundamentos do React
Certificação do primeiro nível da formação React
Aprofundando em Hooks
Criando SPAs com ReactJS
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
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
Quiz Projeto 02
Aprofundando em Hooks
Certificação do segundo nível da formação React
HTTP e Performance
Consumo de API e performance no ReactJS
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
Nesse desafio, vamos praticar a utilização de clientes HTTP consumindo a API do Github para criar um blog pessoal.
API & Performance
Quiz Projeto 03
HTTP e Performance
Certificação do terceiro nível da formação React
Integrando Frontend - Backend
Pizza Shop
Esse projeto tem como foco exercitar tanto os conceitos que vimos sobre o React, quanto a comunicação com APIs via requisições HTTP. Também iremos apresentar os testes em aplicação frontend. Portanto, iremos desenvolver uma aplicação de gerenciamento de uma pizzaria (dashboard de administrador) utilizando Vite, React Router DOM, React Hook Form, shadcn/ui, React Query, Vitest e mais!
Integrando Frontend e Backend
Certificação do quarto nível da formação React
Primeiro framework
Fundamentos do Next.js
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
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
Quiz Projeto 04
Fundamentos do Next.js
Certificação do quinto nível da formação React
Design System
Design System
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
Nesse desafio, vamos adicionar mais alguns componentes ao design system que já desenvolvemos em aula.
Design Systems
Quiz Projeto 05
Design System
Certificação do sétimo nível da formação React
Aprofundando em Next.js
Ignite Call
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
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
Quiz Projeto 06
Aprofundando em Next.js
Certificação do sétimo nível da formação React
Certificado final
Certificado em ReactJS
Certificado final da trilha de ReactJS