Rocketseat Ignite

Repositório para organização das aulas realizadas no Ignite.

Trilha ReactJS

Chapter I

• Nesse módulo é criado a estrutura base de uma aplicação React utilizando ferramentas como Webpack, Babel, Webpack Dev server, SASS, Source Maps, Fast Refresh e conceitos importantes do React como componentes, propriedades, estados e hooks além de aplicação do TypeScript no projeto para adicionar tipagem estática à aplicação.

• Projetos:

  • GitHub Explorer: projeto desenvolvido durante as aulas do Chapter I.
  • Desafio 01: nesse desafio, foi criado uma aplicação para treinar o aprendizado no ReactJS. O principal objetivo é uma pequena aplicação de atividades a fazer, para treinar um pouco mais sobre manipulação do estado no React.
  • Desafio Complementar 01: nesse desafio o objetivo foi dividir uma aplicação em componentes afim de isolar as responsabilidades e facilitar a manutenção do código.

Chapter I (Atualizado)

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

• Projetos:

  • Ignite Feed: projeto desenvolvido durante as aulas do Chapter I.

Chapter II

• Nesse módulo é construído 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.

• Projetos:

  • dtmoney: projeto desenvolvido durante as aulas do Chapter II.
  • Desafio 02: nesse desafio, o objetivo foi desenvolver um Hook para gerenciar um carrinho de compras de uma loja virtual, tendo as seguintes funcionalidades: adicionar/remover um produto do carrinho e alterar a quantidade dos mesmos, cálculo dos preços sub-total e total do carrinho, validação de estoque para cada produto, gerenciamento de mensagens de erro, etc.

Chapter III

• Fundamentos do Next.js: nesse módulo é abordado diversas funcionalidades incríveis do Next.js, por exemplo como ele transforma a maneira de desenvolver aplicações front-end assim como conceitos importantes como SSR (Server Side Rendering) e SSG (Static Site Generation).

• Back-end no Front-end: nesse módulo é visto como o front-end se transformou nos últimos anos com a possibilidade de implementar funções back-end (serverless) executando em um ambiente front-end.

• Front-end JAMStack: nesse módulo é reforçado o conceito de JAMStack, e como conectar a aplicações front-end com um CMS.

• Projetos:

  • ig.news: projeto desenvolvido durante as aulas do Chapter III.