https://github.com/krzysu/reactjs-shopping-cart

example of shopping cart implemented in react.js and redux.js
https://github.com/krzysu/reactjs-shopping-cart

beginner-friendly beginner-project ecommerce reactjs redux shopping-cart

Last synced: about 14 hours ago
JSON representation

example of shopping cart implemented in react.js and redux.js

• Host: GitHub
• URL: https://github.com/krzysu/reactjs-shopping-cart
• Owner: krzysu
• Created: 2014-07-26T13:15:04.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2024-04-27T23:33:28.000Z (9 months ago)
• Last Synced: 2025-01-13T04:06:29.389Z (8 days ago)
• Topics: beginner-friendly, beginner-project, ecommerce, reactjs, redux, shopping-cart
• Language: JavaScript
• Homepage: http://krzysu.github.io/reactjs-shopping-cart/
• Size: 3.06 MB
• Stars: 227
• Watchers: 13
• Forks: 182
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react.js shopping cart

example of shopping cart implemented in react.js and redux.js

for demo [click here](http://krzysu.github.io/reactjs-shopping-cart/)

## getting started

install dependencies and start local dev server

```sh

npm install

npm start

```

## details

- build with [create react app](https://github.com/facebookincubator/create-react-app). Check their page for more details.

- this example is using redux.js for application state management, to learn more about it I recommend [this tutorial](https://egghead.io/courses/getting-started-with-redux).

- you can look under the hood directly from your browser using [redux devtools](https://github.com/zalmoxisus/redux-devtools-extension). Install extension for your browser, open demo page (link above) and see how app state changes when you interact with it.

- if you wonder why reducers, actions and selectors are all in one file inside folder called `ducks`, [read more here](https://github.com/erikras/ducks-modular-redux).

## TODO

- add reducers and selectors unit tests

* * *

author: Kris Urbas [@krzysu](https://twitter.com/krzysu)   

licence: MIT