Desenvolva interfaces modernas e reativas na web utilizando uma biblioteca modular e escalável.
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.
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.
Quiz Projeto 01
Certificação do primeiro nível da formação React
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.
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.
Quiz Projeto 02
Certificação do segundo nível da formação React
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.
Nesse desafio, vamos praticar a utilização de clientes HTTP consumindo a API do Github para criar um blog pessoal.
Quiz Projeto 03
Certificação do terceiro nível da formação React
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!
Certificação do quarto nível da formação React
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).
Nesse desafio, vamos implementar um carrinho no nosso projeto, com a opção de adicionar e remover os itens antes de prosseguir ao checkout.
Quiz Projeto 04
Certificação do quinto nível da formação React
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.
Nesse desafio, vamos adicionar mais alguns componentes ao design system que já desenvolvemos em aula.
Quiz Projeto 05
Certificação do sétimo nível da formação React
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!
Nesse desafio, vamos utilizar todo conhecimento adquirido para desenvolver uma aplicação completa para avaliar os mais diversos livros.
Quiz Projeto 06
Certificação do sétimo nível da formação React
Certificado final da trilha de ReactJS