https://github.com/omarcoaur3lio/ignite-react
🚀 O Ignite é um programa de aceleração para devs, focado em preparar profissionais completos(as) para o mercado, treinando skills técnicas e comportamentais de forma intensiva e prática.
https://github.com/omarcoaur3lio/ignite-react
javascript react reactsjs typescript
Last synced: 10 months ago
JSON representation
🚀 O Ignite é um programa de aceleração para devs, focado em preparar profissionais completos(as) para o mercado, treinando skills técnicas e comportamentais de forma intensiva e prática.
- Host: GitHub
- URL: https://github.com/omarcoaur3lio/ignite-react
- Owner: omarcoaur3lio
- License: mit
- Created: 2021-08-25T18:33:48.000Z (over 4 years ago)
- Default Branch: trilha-2022
- Last Pushed: 2024-08-26T00:54:34.000Z (over 1 year ago)
- Last Synced: 2025-01-21T11:44:52.254Z (12 months ago)
- Topics: javascript, react, reactsjs, typescript
- Homepage:
- Size: 3.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
O Ignite :rocket: é um programa para estudo de novas tecnologias, através de um currículo extremamente prático, que impulsiona seus alunos através de uma metodologia de aprendizado eficiente baseada em **Foco**, **Prática** e **Grupo**, sempre pensando nos desafios do mundo real.
Além disso, o programa conta com uma trilha específica para o desenvolvimento de habilidades comportamentais (_soft skills_). Para consolidar o que aprendemos nas aulas e associar o conhecimento adquirido às necessidades ao mercado, participamos de: **desafios**, **eventos**, **mentorias** e outras atividades.
#### :loudspeaker: Aviso
Este repositório está dividido em duas branches (`trilha-2021` e `trilha-2022`), pois durante o seu desenvolvimento, o conteúdo do curso foi atualizado.
# Trilha React
A trilha React é focada nos principais conceitos e tecnologias de front-end, onde aprendemos a construir interfaces modernas e reativas de forma modular e escalável.
## 📚 Capítulos
### :rocket: Chapter I
**Fundamentos do React.js**
Nesse módulo, criamos uma aplicação React utilizando o [Vite](https://vitejs.dev/) e aprendemos 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.
:computer: Projeto
:crossed_swords: Desafio
:heavy_check_mark: Quiz
Ignite Feed
Ignite ToDo
### :rocket: Chapter II
**Criando SPAs com ReactJS**
Nesse módulo foi desenvolvido uma aplicação completa com roteamento e diversos conceitos importantes do ecossistema React como ContextAPI, useReducer, immer mais.
:computer: Projeto
:crossed_swords: Desafio
:heavy_check_mark: Quiz
Ignite Timer
Coffee Delivery
### :rocket: Chapter III
**HTTP e Performance**
Nesse módulo foi contruído uma aplicação front-end web completa e conectada a uma API. Foram aplicados conceitos focados em performance de aplicações React, entendendo como funcionam os algoritmos internos da biblioteca e todo fluxo de renderização de componentes.
:computer: Projeto
:crossed_swords: Desafio
:heavy_check_mark: Quiz
DT-Money
Github Blog
### :rocket: Chapter IV
**Integrando Frontend - Backend**
Messe módulo foi desenvolvido um projeto com foco em exercitar os conceitos sobre o React, comunicação com APIs através de requisições HTTP, testes unitários e testes E2E com Playwright . O projeto é desenvolvido utilizando Vite, React Router DOM, React Hook Form, shadcn/ui, React Query, Vitest e mais!
:computer: Projeto
Pizza Shop
### :rocket: Chapter V
**Primeiro framework**
Nesse módulo foi desenvolvido um projeto completo com o framework Next.js. Nele foi usado a biblioteca StitchesJS para estilização, além de ter sido colocado em prática os principais conceitos sobre single-page application (SPA), server-side rendering (SSR) e static-site generation (SSG).
:crossed_swords: Desafio
:heavy_check_mark: Quiz
Ignite Shop
### :rocket: Chapter VI
**Design System**
Este módulo teve como objetivo o desenvolvimento de um Design System, utilizando um monorepo para criação dos pacotes de componentes (Rect), documentação (Storybook), tokens e configurações (Typescript e ESLint). Durante as aulas foram estudadas diversas ferramentas usadas para desenvolvimento e publicação do DS.
:crossed_swords: Desafio
:heavy_check_mark: Quiz
Ignite JS UI
