https://github.com/gabriel4420/concepts-b7web
Este repositório foi criado para documentar e organizar os conceitos aprendidos no curso de React da B7Web, ministrado pelo professor Bonieky Lacerda.
https://github.com/gabriel4420/concepts-b7web
api contexts events hooks react reducer redux states use-ref-hook
Last synced: about 2 months ago
JSON representation
Este repositório foi criado para documentar e organizar os conceitos aprendidos no curso de React da B7Web, ministrado pelo professor Bonieky Lacerda.
- Host: GitHub
- URL: https://github.com/gabriel4420/concepts-b7web
- Owner: Gabriel4420
- Created: 2024-11-28T01:29:43.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-05-13T12:40:42.000Z (about 1 year ago)
- Last Synced: 2025-05-13T13:50:01.097Z (about 1 year ago)
- Topics: api, contexts, events, hooks, react, reducer, redux, states, use-ref-hook
- Language: TypeScript
- Homepage:
- Size: 23.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📚 Conceitos de React e Next B7Web 📚
---
---
Este repositório foi criado para documentar e organizar os conceitos aprendidos no curso de React da B7Web, ministrado pelo professor Bonieky Lacerda. O curso abrangeu uma série de tópicos fundamentais para o desenvolvimento com React, desde os primeiros passos até o uso avançado de hooks, contextos e integração com APIs.
## Stack utilizada
**Front-end:** Next, Typescript, Redux, TailwindCSS
**Back-end:** Next, Node
## Tópicos Abordados:
- Primeiros passos no React: Estrutura básica de uma aplicação React, configuração do ambiente e introdução ao JSX.
- Estados e Eventos: Manipulação de estados internos e gestão de eventos para interação com o usuário.
- Effects: Uso do hook useEffect para efeitos colaterais e gerenciamento do ciclo de vida de componentes.
- Reducers: Implementação de gerenciamento de estado global utilizando o hook useReducer.
- Hooks e Contexts: Exploração dos hooks mais utilizados no React (como useState, useEffect, useReducer, etc.) e gerenciamento de estado global com Context API.
- Uso de APIs com Fetch e Axios: Consumo de APIs externas para obter dados dinâmicos e integrá-los na aplicação.
Este repositório serve como um guia de referência rápida, contendo exemplos práticos e explicações claras para cada um dos tópicos mencionados. A cada novo conceito, o código será documentado e explicado com o objetivo de facilitar a compreensão e aplicação em projetos reais.
## Rodando localmente
Clone o projeto
```bash
git clone https://github.com/Gabriel4420/concepts-b7web.git
```
Instale as dependências
```bash
npm install
```
Inicie o servidor
```bash
npm run dev
```
## Feedback
Se você tiver algum feedback, por favor nos deixe saber por meio de gabriel_rodrigues_perez@hotmail.com
---
Feito com ❤️ por Gabriel Rodrigues 👋️ Entre em contato!
