Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. Redux
  3. Build A React App With Redux
Redux / React
Video

Build A React App With Redux

by Andy Van Slaars
Enroll
đŸ•šī¸ Levels: 😎 Intermediate
âŗ Duration: 2 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 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.
Update Course

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?

ReduxReduxReactReact

Redux Fundamentals (feat. React)
Video

by Steve Kinney

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReduxReduxReactReact

Apply Redux to a Modern React Hooks Application
Video

by Jamund Ferguson

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

ReduxReduxReactReact

Fundamentals of Redux Course
Video

by Dan Abramov

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 2 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to Redux Category