O Ignite é um programa de aceleração para desenvolvedores, focado em preparar profissionais completos para o mercado, treinando skills técnicas e comportamentais de forma intensiva e prática que pertence a Rocketseat. Este repositório contém todos os projetos e desafios realizados durante a trilha de ReactJS.
Nesse módulo criou-se a estrutura base de uma aplicação React utilizando ferramentas como Webpack, Babel, Webpack Dev server, SASS, Source Maps, Fast Refresh e descobriu-se conceitos importantes do React como componentes, propriedades, estados e hooks além de aplicar o TypeScript ao projeto para adicionar tipagem estática à aplicação.
Nesse módulo foi construido 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.
Nesse módulo utilizou-se, na prática, o Next.js aliado aos conceitos de SSR E SSG, abordando conceitos de autonomia do front-end com serverless e a aplicação real de uma JAMStack conectada a um CMS.
Nesse módulo criou-se a interface de um painel administrativo contendo fluxo de autenticação, dashboard, listagem e cadastro usando Chakra UI no Next.js. Além de utilizar o React Query para melhorar a experiência de uso da aplicação criando uma camada de cache de dados entre o front-end e back-end.
Nesse módulo criou-se um processo completo de autenticação, autorização e refresh token dentro do React com Next.js permitindo controlar o acesso à rotas e componentes tanto no client-side quando server-side.
Uma preocupação comum no desenvolvimento de aplicações web é a performance e, por isso, nesse módulo aprendeu-se como performar aplicações com React entendendo como funcionam os algoritmos internos da biblioteca e todo fluxo de renderização de componentes.
- Desafio 01 - Criando um hook de carrinho de compras
- Desafio 02 - Refactoring de classes e TypeScript
- Clone o repositório
- Entre no projeto/desafio que queira executar
- Execute
npm installpara instalar as dependências - Execute
npm run devpara iniciar a aplicação
Felipe Melo @felipefrm |
Rocketseat @Rocketseat |