Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Intermediate Redux for React Developers

Course Summary

The Intermediate Redux for React Developers training course teaches students how to use Redux to manage application state for React applications. In the course, the principles, concepts, and ideas of Redux will be explained, demonstrated and practiced by the students. Students will learn how to connect React components to a Redux store. Students will explore how to connect React to GraphQL or REST services (select one) using Redux Thunk or Redux Sagas or Redux Observable (select one). The final half day of class is a group Redux project where students will code an application, present their project and participate in a group code review to ensure mastery of the Redux concepts. Note: Introductory content on Modern JavaScript, RxJS, React and GraphQL will not be covered in the class.

Before attending this course, students should take the Introduction to React course or be familiar with all of the topics listed here: Introduction to React

Purpose
 Teach React developers how to use more of the Redux API in their applications.
Audience
 React developers needed more robust state management for their applications.
Role
Web Developer
Skill Level
Intermediate
Style
Fast Track - Targeted Topic - Workshops
Duration
2 Days
Related Technologies
JavaScript | React | Redux | Web Development

 

Productivity Objectives
  • Employ the principles of Redux to build easier to understand more maintainable applications
  • Correctly incorporate Redux into React Component Trees
  • Integrate Server-Side Data Sources into a Redux Application

What You'll Learn:

In the Intermediate Redux for React Developers training course, you'll learn:
  • Overview
    • Redux Overview
    • Redux compared to Flux
    • Three Principles of Redux
    • Immutable Programming
  • Essential Elements
    • Actions
    • Reducers
    • Store
  • React
    • Container and Presentation Components
    • Connecting Redux to a React Component
    • React-Redux to Connect Redux to React
    • Provider and React Context
    • Migrate an Existing React Application to Redux
    • Debugging with the Redux Chrome Extension
  • Advanced Redux
    • Working with Multiple Reducers
    • Combine Reducers
    • Lazy Loading Reducers with Code Splitting
    • Redux Middleware and Creating Custom Middleware
    • Functional Approaches to Reducers
    • Best Practices for Managing State
  • Redux and Asynchronous Tasks
    • Working with Asynchronous Actions
    • Working with REST or GraphQL (select one) using the Fetch API
    • Orchestrating Side Effects with Thunk or Sagas or Observables (select one)
  • Redux and Routing
    • Integrating React Router with React/Redux
    • Configuring Paths
    • Working with URL Parameters
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.