π Key Learning Outcomes
- Understanding Redux core API and its interaction with React.
- Building a production quality React application using Redux.
- Implementing middleware and asynchronous code in Redux.
- Deploying a React Redux application live in the cloud.
π¨βπ« About the Course
This course focuses on building a React application with Redux to manage state efficiently. You will learn to centralize state and state changes in a global store using pure reducer functions. The course covers the core API of Redux, integration with React, middleware usage, and deployment to the cloud.
π― Target Audience
- Ideal for learners with basic knowledge of React and a desire to enhance their skills by incorporating Redux for state management in their applications.
β Requirements
- Basic understanding of React.
- Familiarity with JavaScript ES6 syntax.
π Course Content
- Bootstrap a React Application with Yarn & Create React App.
- Render a React UI with JSX.
- Refactor JSX in React to Stateless Functional Components.
- Create Redux-Style Reducer Function.
- Create a Redux Store.
- Render React UI Based on State Changes with Subscribe in Redux.
- Keep UI and State Synchronized Using Controlled Components in React with Redux.
- Make Dispatching Redux Actions More Reliable With Action Creators.
- Connect Redux to a React Application with react-redux.
- Handle Actions in Redux with mapDispatchToProps.
- Use mapDispatchToProps Shorthand Syntax in Redux.
- Connect Redux to Individual React Components For More Efficient Rendering.
- Setup a Mock API Server with the json-server npm module.
- Dispatch Asynchronous Actions with Redux Thunk Middleware.
- Save New Records on The Server with Redux Thunk and Fetch.
- Configure and Use Redux Dev Tools.
- Create a React Component to Display Status Messages.
- Use Multiple Reducers in Redux with combineReducers.
- Respond to a Single Redux Action in Multiple Reducers.
- Update Existing Records on The Server with Redux Thunk and Fetch.
- Delete Existing Records on The Server with Redux Thunk and Fetch.
- Add React Router to a Redux Application.
- Filter State Data in Redux with a Selector Function and React Router.
- Configure a React & Redux Application For Production Deployment and Deploy to Now.
Drop a comment
Build A React App With Redux by Andy Van Slaars
Log in to leave a feedback
Loginπ Psst! Interested in More Redux Courses?


React - The Complete Guide 2024 (incl. Next.js, Redux)Video
by Maximilian SchwarzmΓΌller
πΉοΈ Levels: π± Beginner, π Intermediate, π Advanced
β³ Duration: 68 hours
π€ Price: $10
π§βπ» Learning Platform: Udemy

Advanced Redux with Redux ToolkitVideo
by Steve Kinney
πΉοΈ Levels: π Advanced
β³ Duration: 4 hours
π€ Price: Subscription
π§βπ» Learning Platform: Frontend Masters


State Management with Redux & MobXVideo
by Steve Kinney
πΉοΈ Levels: π Intermediate
β³ Duration: 5 hours
π€ Price: Subscription
π§βπ» Learning Platform: Frontend Masters