# 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