---
# System prepended metadata

title: Redux

---

# Redux

Redux is a pattern and library for managing and updating application state, using events called "actions". It serves as a centralized store for state that needs to be used across your entire application,

# Terminology

https://codesandbox.io/s/bold-browser-2bik0?file=/src/AppTo.js

Step 1. Create reducer file
    Step 1.1 create initial State, as object
    Step 1.2 create reducer function
    Step 1.3 create return only state
    step 1.4 export reducer or export default reducer
Step 2. create store file or create index file in store folder
    Step 2.1 import createStore function from redux library
    Step 2.2 import reducer, as default import or import only
    Step 2.3 create variable store with createStore and reducer
    Step 2.4 export default store, or export only
Step 3. in Main file or App.js
    Step 3.1 import Provider from react-redux
    Step 3.2 Wrap main function or component with provider
    Step 3.3 import store
    Step 3.4 assign store attribute in Provide as store
Step 4. Create action file
    Step 4.1 create action creator function and return action as object
    Step 4.2 export action
Step 5. In reducer
    Step 5.1 create condition or check action type to perform task to store update or reset or create new
Step 6. In App File(Counter.js, AppTo.js)
    Step 6.1 import useSelector for state, import useDispatch for action dispatch
    Step 6.2 import actions from action file
    Step 6.3 add action as requirement, on click or any event and methods
Step 7. FInish or add more feature