Projeto | Tecnologias | Como contribuir | Como configurar e executar | Licença
O REDUXCART é um projeto didático no qual aplico meus primeiros conhecimentos adquiridos com Redux e Redux Saga no ReactJS. A aplicação apresenta um conceito de marketplace, que na minha opinião é um dos modelos de aplicação mais simples para aprender estas tecnologias, uma vez que é fácil existirem vários componentes observando e manipulando os mesmos dados. Na página inicial é possível visualizar os produtos e adicioná-los ao carrinho. No carrinho é possível alterar as quantidades dos produtos, bem como removê-los. Além disso é possível visualizar os subtotais e o valor total dos produtos adicionados. O cabeçalho da aplicação exibe a quantidade de produtos adicionados ao carrinho.
O Redux implementa a Arquitetura Flux, que é uma forma de fluxo unidirecional de dados entre eventos e ouvintes. É interessante utilizar o Redux quando precisamos ter dados sendo manipulados por múltiplos componentes da aplicação. Esses componentes podem ter acesso a esses dados através de estados globais.
Esse projeto foi desenvolvido com as seguintes tecnologias:
- Faça um fork desse repositório;
- Cria uma branch com a sua feature:
git checkout -b minha-feature; - Faça commit das suas alterações:
git commit -m 'feat: Minha nova feature'; - Faça push para a sua branch:
git push origin minha-feature.
Depois que o merge da sua pull request for feito, você pode deletar a sua branch.
# Clonar o repositório
$ git clone https://github.com/diziano/redux-cart.git
# Navegar para o diretório
$ cd redux-cart
# Instalar as dependências
$ yarn install
# Iniciar o projeto
$ yarn start
# Executar build
$ yarn build # Executar fake API
$ yarn server
# Executar fake API com reload automático
$ yarn dev:server
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Made with 🖤 by Diziano