https://github.com/gabriel4420/reactaulas
Conjunto de atividades realizadas no modulo de react do curso da b7web, ministrado pelo professor Bonieky Lacerda sobre o entendimento das bases e fundamentos do react framework:
https://github.com/gabriel4420/reactaulas
javascript reactdom reactjs
Last synced: 6 months ago
JSON representation
Conjunto de atividades realizadas no modulo de react do curso da b7web, ministrado pelo professor Bonieky Lacerda sobre o entendimento das bases e fundamentos do react framework:
- Host: GitHub
- URL: https://github.com/gabriel4420/reactaulas
- Owner: Gabriel4420
- Created: 2021-09-05T00:44:45.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T18:38:46.000Z (about 3 years ago)
- Last Synced: 2025-02-16T09:42:49.440Z (about 1 year ago)
- Topics: javascript, reactdom, reactjs
- Language: JavaScript
- Homepage:
- Size: 5.12 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
📱 Aulas React 📱
---
---
# Indice
- :rocket: [Sobre o Projeto](#rocket-sobre-o-projeto)
- 👨💻️ [Tecnogias utilizadas](#%EF%B8%8F-tecnogias-utilizadas)
- 📦️ [Como utilizar o projeto](#%EF%B8%8F-como-utilizar-o-projeto)
---
## :rocket: Sobre o Projeto
Conjunto de atividades realizadas no modulo de react do curso da b7web, ministrado pelo professor Bonieky Lacerda sobre o entendimento das bases e fundamentos do react lib:
- Entendendo JSX
- Components
- Props
- useState & useEffect
- Estilização com stylesheet & styled-Components
- Condicional de exibição
- Modal
- Redirect
- useRef
- useHistory
- localStorage
- Router: Rotas protegidas
- Router: Query
- Router: Parametros na URL
- Router: Tratativa de Rota inexistente (404)
---
## 👨💻️ Tecnogias utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias:
- [React](https://reactjs.org/docs/getting-started.html)
### Dependências
- [react-dom](https://reactjs.org/docs/getting-started.html)
- [styled-components](https://styled-components.com/docs/basics)
### Padronização de código
- [ESLint](https://eslint.org/)
- [Prettier](https://prettier.io/)
### IDE
- [Visual Studio Code](https://code.visualstudio.com/)
---
## 📦️ Como utilizar o projeto
Para copiar o projeto, utilize os comandos:
```bash
# Clonar o repositório
❯ git clone https://github.com/Gabriel4420/reactAulas.git
```
Para instalar as dependências e iniciar o projeto, você pode utilizar o yarn ou npm:
**Utilizando yarn**
```bash
# verificar as dependências
yarn
# Rodando o app
yarn start
```
**Utilizando npm**
*PS: utilize o npm , para atualizar as dependências, tome cuidado, pois dependendo da versão da dependência, pode ser que o projeto não funcione como o esperado.*
```bash
# Atualizar as dependências
❯ npm install
# Iniciar o projeto
❯ npm start
```
---
Feito com ❤️ por Gabriel Rodrigues 👋️ Entre em contato!
