Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/taiseen/todo-redux-lws

lws react redux

Last synced: 7 days ago
JSON representation

Host: GitHub
URL: https://github.com/taiseen/todo-redux-lws
Owner: taiseen
Created: 2022-08-21T11:22:54.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2022-08-27T23:42:40.000Z (about 2 years ago)
Last Synced: 2023-05-10T18:55:16.263Z (over 1 year ago)
Topics: lws, react, redux
Language: JavaScript
Homepage:
Size: 363 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        > 21 - Aug - 2022 | Module 3

# Todo with React, Redux

* yarn add react-redux

* yarn add redux-devtools-extension

## Redux Data Flow

### Read Data From Redux Store - State

* `useSelector`( sate => state.Property_Name_Inside_RootReducer )

### Write Data At Redux Store 

|No| Steps we need to do                | Usage for                                          |

|--|------------------------------------|----------------------------------------------------|

| 1| onClick / onChange                 | tag attribute's use for users event listener       |

| 2| handlerFunction **(data/value)**   | custom function call inside attributes from UI     |

| 3| dispatch = `useDispatch()`         | **react-redux** lib for calling Reducer inside Redux Store  |

| 4| actionCreator( ) 
 4.1 - `actionType` 
 4.2 - payload : **data/value**   | Pass `actionType` + data/value for Reducer to manipulate Redux Store    |