React Redux - Introduction to using React Redux for State Management - Writing First Redux App in React
Concepts covered - Redux, React Redux, Store, Reducer, Action, Dispatch, Connect, Provider, mapStateToProps, createStore, initialState
Steps to set up a Redux store
Design store (initialState)
Define actions with type and payload
Create store and make it available with Provider
Connect components to the store using connect, mapStateToProps and Dispatch actions
works on the principle of storing the entire state of the application is a single central store. This store can be accessed by all components.
Popularly used with React, Angular, Vue etc. for building user interfaces.
To use Redux with React
npm install redux react-redux
Why is Redux popular for React
In React, components have their own state, but they don’t have an easy way to access another components’ state. Redux addresses that by creating one central repository where all the information is stored (store).
Learn complete React in this video tutorial series. A must watch for all ReactJS beginners and learners. With lots of samples, code, practice questions and projects, learn and master React and become an awesome front end developer.
Introduction to React Redux for State Management - https://youtu.be/la_5sRJSdEQ
Redux DevTools - Chrome Extension for Redux - https://youtu.be/la_5sRJSdEQ
Redux Reducer Rules and Immutability - https://youtu.be/DHoxmQ7Lg1w
React Redux Sample App1 - https://youtu.be/_QO7SBRZoEY
Redux and React playlist - https://www.youtube.com/playlist?list=PLC8jf7P7lriyC4FbnJ3Jgf8dcnR0ss703
Complete React Lessons and ReactJS playlist -
#react js #react js tutorial