https://github.com/imranhsayed/redux-workshop

⚒ A Redux Workshop 🏂
https://github.com/imranhsayed/redux-workshop

action actioncreator actions api createstore dispatch react react-components react-redux react-redux-api-example react-redux-demo react-redux-webpack reactjs reducers redux

Last synced: 19 days ago
JSON representation

⚒ A Redux Workshop 🏂

• Host: GitHub
• URL: https://github.com/imranhsayed/redux-workshop
• Owner: imranhsayed
• Created: 2019-04-22T10:02:05.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-10-17T01:35:25.000Z (about 5 years ago)
• Last Synced: 2024-10-02T10:41:58.500Z (about 1 month ago)
• Topics: action, actioncreator, actions, api, createstore, dispatch, react, react-components, react-redux, react-redux-api-example, react-redux-demo, react-redux-webpack, reactjs, reducers, redux
• Homepage:
• Size: 156 KB
• Stars: 9
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :hammer_and_pick: Redux Workshop :snowboarder:

This is a Redux Workshop to learn Redux

### :clipboard: Topics Covered:

1. Using Redux in isolation ( without React )

2. Redux Store

3. Actions

4. Action Creators

5. Reducers

6. Middleware ( redux-thunk, redux-logger )

7. Using Redux with React

## :bookmark: Branch Details

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

2. :ship: [2-combine-multiple-reducers](https://github.com/imranhsayed/redux-workshop/tree/combine-multiple-reducers) Example for multiple reducers

3. :rocket: [3-synchronous-actions-with-redux](https://github.com/imranhsayed/redux-workshop/tree/synchronous-actions-with-redux) Synchronous Actions

4. :airplane: [4-asynchronous-actions-with-redux](https://github.com/imranhsayed/redux-workshop/tree/asynchronous-actions-with-redux) Handling asynchronous actions with redux

5. :anchor: [5-redux-with-react](https://github.com/imranhsayed/redux-workshop/tree/redux-with-react) Using Redux store for data in React Components 

## :fuelpump: Installation

`git clone https://github.com/imranhsayed/redux-workshop`

`cd redux-workshop`

`git checkout branch-name`

`npm install`

## :zap: Development

`git checkout branch-name`

`npm run dev`

## :snowflake: Production

`git checkout branch-name`

`npm run build`