https://github.com/paulocf92/ignite-reactjs

Trilha de ReactJS do projeto Ignite da Rocketseat.
https://github.com/paulocf92/ignite-reactjs

faunadb frontend hooks jamstack nextjs reactjs rocketseat serverless stripe typescript

Last synced: about 3 hours ago
JSON representation

Trilha de ReactJS do projeto Ignite da Rocketseat.

• Host: GitHub
• URL: https://github.com/paulocf92/ignite-reactjs
• Owner: paulocf92
• License: mit
• Created: 2021-03-09T12:22:42.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-03-30T12:05:30.000Z (over 3 years ago)
• Last Synced: 2023-03-07T20:39:25.320Z (over 1 year ago)
• Topics: faunadb, frontend, hooks, jamstack, nextjs, reactjs, rocketseat, serverless, stripe, typescript
• Language: TypeScript
• Homepage:
• Size: 646 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


    





  

  

  

    

  

  

   

    

  

  

    

  



# 🚀 Sobre

O Ignite é um projeto incrível da Rocketseat acerca de diversas tecnologias. Esse repositório contém o código produzido para a trilha de ReactJS, dividido em capítulos.

# 📑 Conteúdo

## Chapter #1: [Fundamentos do ReactJS](fundamentals)

Compreende o primeiro contato com a tecnologia e conceitos que podem ser amplamente aplicados em diversas tecnologias similares.

- Configurando o Ambiente

- Conceitos Importantes

- Chamadas HTTP

- Usando Typescript

- Finalizando a Aplicação

## Chapter #2: [Primeira Aplicação Web com ReactJS](first-webapp)

Nesse módulo são abordadas as boas práticas de desenvolvimento frontend, como semântica, acessibilidade e experiência do usuário (UX), utilizando ReactJS. Destaca-se que todo conhecimento aprendido também serve perfeitamente para qualquer lib/framework pois foca na aplicação da trindade frontend: HTML, CSS e JS.

- Estrutura da Aplicação

- Componentização

- Consumindo API

- Modal e Forms

- Contexto e Hooks

## Chapter #3: [Estratégias de Front-end](nextjs-serverless-jamstack)

Nesse módulo entenderemos como o Next.js leva soluções front-end para o próximo nível, abordando conceitos de autonomia do front-end com serverless e a aplicação real de uma JAMStack.

### Fundamentos do Next.js

- Estrutura da aplicação

- Componentes e páginas

- Integração com API (Stripe)

### Back-end no front-end

- API Routes no Next.js

- Usando FaunaDB

- Pagamentos com Stripe

- Ouvindo webhooks

### Front-end JAMStack

- Trabalhando com CMS

- Páginas estáticas

## 📝 Licença

Este projeto esta sob a licença MIT.

Feito com ❤️ por [Paulo Filho](https://www.linkedin.com/in/paulocf92/)!