đ 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?
Create an Advanced Web App with React and ReduxWrittenInteractive
đšī¸ Levels: đ Intermediate
âŗ Duration: 22 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Codecademy
Confidently Testing Redux Applications with Jest & TypeScriptVideo
by Jamund Ferguson
đšī¸ Levels: đ Intermediate
âŗ Duration: 1.5 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io
Fundamentals of Redux CourseVideo
by Dan Abramov
đšī¸ Levels: đ Intermediate
âŗ Duration: 2 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io