├── .gitignore ├── README.md └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | .idea/ 2 | *.log 3 | npm-debug.log 4 | node_modules 5 | .DS_Store 6 | **/.DS_Store 7 | dist 8 | *.map 9 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # :hammer_and_pick: Redux Workshop :snowboarder: 2 | 3 | This is a Redux Workshop to learn Redux 4 | 5 | ### :clipboard: Topics Covered: 6 | 1. Using Redux in isolation ( without React ) 7 | 2. Redux Store 8 | 3. Actions 9 | 4. Action Creators 10 | 5. Reducers 11 | 6. Middleware ( redux-thunk, redux-logger ) 12 | 7. Using Redux with React 13 | 14 | ## :bookmark: Branch Details 15 | 1. :department_store: [1-basic-redux-store](https://github.com/imranhsayed/redux-workshop/tree/basic-redux-store) Basic Redux store without using React. Find all code in src/store.js 16 | 2. :ship: [2-combine-multiple-reducers](https://github.com/imranhsayed/redux-workshop/tree/combine-multiple-reducers) Example for multiple reducers 17 | 3. :rocket: [3-synchronous-actions-with-redux](https://github.com/imranhsayed/redux-workshop/tree/synchronous-actions-with-redux) Synchronous Actions 18 | 4. :airplane: [4-asynchronous-actions-with-redux](https://github.com/imranhsayed/redux-workshop/tree/asynchronous-actions-with-redux) Handling asynchronous actions with redux 19 | 5. :anchor: [5-redux-with-react](https://github.com/imranhsayed/redux-workshop/tree/redux-with-react) Using Redux store for data in React Components 20 | 21 | ## :fuelpump: Installation 22 | `git clone https://github.com/imranhsayed/redux-workshop` 23 | 24 | `cd redux-workshop` 25 | 26 | `git checkout branch-name` 27 | 28 | `npm install` 29 | 30 | ## :zap: Development 31 | `git checkout branch-name` 32 | 33 | `npm run dev` 34 | 35 | ## :snowflake: Production 36 | `git checkout branch-name` 37 | 38 | `npm run build` 39 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "redux-workshop", 3 | "version": "1.0.0", 4 | "description": "This is a Redux Workshop to learn Redux", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/imranhsayed/redux-workshop.git" 12 | }, 13 | "author": "", 14 | "license": "ISC", 15 | "bugs": { 16 | "url": "https://github.com/imranhsayed/redux-workshop/issues" 17 | }, 18 | "homepage": "https://github.com/imranhsayed/redux-workshop#readme" 19 | } 20 | --------------------------------------------------------------------------------