https://github.com/natcurti/alura-trato-tech
Trato-tech - Projeto construído ao longo da formação de Redux da Alura.
https://github.com/natcurti/alura-trato-tech
css-modules middlewares react redux redux-saga redux-thunk redux-toolkit sass
Last synced: 5 months ago
JSON representation
Trato-tech - Projeto construído ao longo da formação de Redux da Alura.
- Host: GitHub
- URL: https://github.com/natcurti/alura-trato-tech
- Owner: natcurti
- Created: 2024-04-07T15:10:49.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-01T20:54:12.000Z (about 2 years ago)
- Last Synced: 2025-02-01T18:14:50.074Z (over 1 year ago)
- Topics: css-modules, middlewares, react, redux, redux-saga, redux-thunk, redux-toolkit, sass
- Language: JavaScript
- Homepage:
- Size: 4.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📌 Trato-Tech
Nesse projeto simulamos uma loja virtual com diversos itens de várias categorias diferentes. Este projeto foi construído ao longo da formação Gerencie estados React com Redux da Alura. Criamos uma API local usando json-server para realizar as requisições.
## 💻 Tecnologias utilizadas
Para construção desse projeto foram utilizados:
- React + Vite
- JavaScript
- Redux Toolkit
- Redux Thunk
- Listener Middleware
- Redux Saga
- CSS Modules
- SASS
## 🚀 Instalação
Após clonar o projeto, acesse o diretório e digite o comando abaixo para instalar as dependências necessárias:
```
yarn
```
Inicie o servidor
```
yarn run dev
```
Inicie também o servidor da api local com o comando:
```
yarn run api-local
```
## 📕 Aprendizados
Ao longo dessa formação foi possível obter inúmeros aprendizados. Começamos utilizando o Redux Toolkit para gerenciar o estado global. Aprendemos como o Redux utiliza o Immer por debaixo dos panos para tratar da imutabilidade dos dados. Conforme seguimos, utilizamos diversos middlewares para lidar com os efeitos colaterais. Começamos com o middleware Redux Thunk, que já vem incluso por padrão no Redux Toolkit e depois evoluímos para algumas soluções mais robustas usando Listener Middleware e Redux Saga.