Rocketseat - Ignite React

Sobre   |    Módulos   |    Conteúdos   |    Licença

---

🚀 Sobre

Ignite React

O Ignite - Trilha React é um treinamento intensivo criado pela @Rocketseat com o objetivo de capacitar e deixar o desenvolvedor alinhado com o mercado.

💎 Módulos

• Fundamentos do ReactJS
  • Vamos aprender a criar uma estrutura completa de projeto ReactJS com Webpack e Babel além de conhecer os principais conceitos por volta da biblioteca React como componentes, propriedades, estado, imutabilidade, hooks e a utilização do TypeScript.
• Uma aplicação web completa
  • Criaremos uma aplicação completa utilizando create-react-app, Styled Components (CSS-in-JS), Axios e MirageJS para consumo de API e Context API e Hooks para compartilhamento de estado. Além disso, seguiremos um layout do Figma à risca aprendendo muito sobre Flexbox e Grid.
• Front-end Jamstack
  • Daremos vida aos nossos apps utilizando um sistema de gerenciamento de conteúdo (CMS) conectando dados expostos por uma API com nosso front-end em Next.js, unindo flexibilidade à performance com conceitos de server-side rendering (SSR) e static site generation (SSG).
• Apps ReactJS do futuro
  • Hora de levar nossos conhecimentos em front-end para o próximo nível conhecendo e aplicando na prática ferramentas e termos que estarão presentes nas suas aplicações no futuro.
• Métricas e performance
  • Um dos trabalhos mais importantes, principalmente quando sua aplicação cresce, é manter a performance e, por isso, vamos aprender a monitorar métricas conhecidas como web vitals e corrigir problemas de carregamento e visuais dentro do React.
• Testando aplicações React
  • De nada adianta uma aplicação linda e funcional se ela não continuar assim por muito tempo, por isso a ideia aqui é entender como criar testes automatizados da maneira certa.
• Entrega de apps com React
  • Vamos entender como realizar o deploy de nossas aplicações front-end da melhor forma de acordo com o tamanho e escala necessária. Utilizaremos serviços auto-gerenciáveis como a Vercel e alternativas em cloud providers como AWS e Google Cloud com fluxo de CI/CD.

🔖 Conteúdos

Conteudo criado em cada etapa do ignite:

• Chapter 1

  • Aplicação
    • github explorer - aula
    • github explorer - atualizado
  • Aulas
    • Configurando a api
    • Conceitos importantes
    • Chamadas HTTP
    • Usando typescript
    • Finalizando aplicação
  • Desafios
    • Desafio 1: To.Do - Conceitos do React
    • Desafio 2: Watch Me - Componentizando a aplicação

• Chapter 2

  • Aplicação
    • dtmoney - aula
    • dtmoney - atualizado
  • Aulas
    • Estrutura da aplicação
    • Componentização
    • Consumindo API
    • Modal & Forms
    • Contextos e hooks
  • Desafios
    • Desafio 1: Rocketshoes - Criando um hook de carrinho de compras
    • Desafio 2: GoRestaurant - Refactoring de classes e TypeScript

• Higher

  • Higher 01

📝 Licença

This project is licensed under the MIT License. See the LICENSE file for details.

---

Made with ♥ by Kesley DEV