Building Web Applications with Reach and Redux

Level: Advanced
Rating: 4.8/5 4.84/5 Based on 104 Reviews

React is an open-source JavaScript library from Facebook used for building HTML5 web applications. In this training course, you learn how to develop a complete application by building high-performance User Interfaces (UIs) with JSX components targeting a virtual DOM, and creating Flux applications, which provide complementary architectural patterns to construct client-side application functionality. 

Key Features of this Reach and Redux Training:

  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included

You Will Learn How To

  • Create an isomorphic web application using Facebook React and Redux
  • Compose a UI using React JavaScript and JSX components
  • Integrate React forms with Ajax and back-end REST services
  • Apply the Redux application pattern to create loosely coupled applications
  • Exploit React animation components with CSS3 transitions


CPE 23 Credits

Choose the Training Solution That Best Fits Your Individual Needs or Organizational Goals


In Class & Live, Online Training

  • 4-day instructor-led training course
  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included
View Course Details & Schedule

Standard $2990

Government $2659




Team Training

  • Bring this or any training to your organization
  • Full - scale program development
  • Delivered when, where, and how you want it
  • Blended learning models
  • Tailored content
  • Expert team coaching

Customize Your Team Training Experience


Save More On Training with FlexVouchers – A Unique Training Savings Account

Our FlexVouchers help you lock in your training budgets without having to commit to a traditional 1 voucher = 1 course classroom-only attendance. FlexVouchers expand your purchasing power to modern blended solutions and services that are completely customizable. For details, please call 888-843-8733 or chat live.

In Class & Live, Online Training

Time Zone Legend:
Eastern Time Zone Central Time Zone
Mountain Time Zone Pacific Time Zone

Note: This course runs for 4 Days *

*Events with the Partial Day Event clock icon run longer than normal but provide the convenience of half-day sessions.

  • Jun 2 - 5 9:00 AM - 4:30 PM EDT Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • Jun 29 - Jul 2 9:00 AM - 4:30 PM EDT Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • Jul 21 - 24 9:00 AM - 4:30 PM EDT Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • Aug 25 - 28 9:00 AM - 4:30 PM EDT New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

  • Sep 22 - 25 9:00 AM - 4:30 PM PDT San Francisco / Online (AnyWare) San Francisco / Online (AnyWare) Reserve Your Seat

  • Oct 13 - 16 9:00 AM - 4:30 PM EDT Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

  • Dec 15 - 18 9:00 AM - 4:30 PM PST Seattle / Online (AnyWare) Seattle / Online (AnyWare) Reserve Your Seat

  • Jan 12 - 15 9:00 AM - 4:30 PM EST Alexandria, VA / Online (AnyWare) Alexandria, VA / Online (AnyWare) Reserve Your Seat

  • Feb 16 - 19 9:00 AM - 4:30 PM EST New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

  • Mar 23 - 26 9:00 AM - 4:30 PM PDT San Francisco / Online (AnyWare) San Francisco / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time — will run. Guaranteed.

Partial Day Event

Learning Tree offers a flexible schedule program. If you cannot attend full day sessions, this option consists of four-hour sessions per day instead of the full-day session.

Important Reach and Redux Training Information

  • Requirements

    • Experience developing web pages with JavaScript, HTML, and CSS at the level of:

Reach and Redux Training Outline

  • Introduction and Overview

    • Features of React and Redux
    • Why the Virtual DOM makes React run fast
    • Configuring the development and build environment
  • Designing Custom React Components

    Displaying React content
    • Employing React.createElement() and React.DOM.* factories
    • Rendering the application with ReactDOM.render()
    • Constructing the UI on the server with renderToString()
    Leveraging JSX for UI design
    • Coding custom components with React.createClass()
    • Generating component output with the render method
    • Composing a JSX component hierarchy
    • Incorporating third-party components
    Routing between components
    • Exploiting the react-router for semantic URLs
    • Mapping URL paths and parameters to components
    Animating React Applications
    • Employing the ReactCSSTransitionGroup component
    • Writing CSS transitions and animations
  • Activating React Components

    Parameterizing components
    • Disambiguating component properties and state
    • Inserting properties into rendered output with this.props
    • Passing property values using JSX { } expressions
    • Initializing default values with getDefaultProps()
    Manipulating component state
    • Separating component state from component behavior
    • Reading application data with this.state
    • Mutating data with this.setState()
    Integrating into the component life cycle
    • Attaching and detaching logic and event handlers in componentDidMount and componentWillUnmount
    • Enhancing performance with componentShouldUpdate
  • Developing React Forms

    Manipulating form input components
    • Working with interactive properties
    • value
    • checked
    • selected
    • Capturing form component updates with onChange
    • Comparing controlled and uncontrolled components
    Implementing two-way binding
    • Applying the onChange / setState() convention
    • Passing ReactLink objects through the props hierarchy
    Connecting React to REST services
    • Making Ajax calls from React
    • Mapping CRUD access to REST actions
    • GET
    • POST
    • PUT
    • DELETE
  • Creating Redux Applications

    Modeling client-side data interactivity
    • Architecting loosely-coupled applications for extensibility
    • Managing state from the top or centrally
    • Interacting with data using actions, reducers, and selectors
    Coding a Redux application
    • Creating a Redux data store
    • Using the React-Reduxs providers and connectors
    • Coordinating changes among loosely-coupled components
    • Integrating REST access with Redux stores
  • Analyzing React Applications

    Developer tools
    • Inspecting React components with browser extensions
    • Identifying and debugging rendering errors
    Unit testing
    • Running tests with Jest
    • Isolating code under test with Enzyme
    Performance testing
    • Establishing a baseline
    • Analyzing performance with Flamegraphs
    • Optimizing component reconciliation with key
  • Alternatives

    • Comparing Redux, Flux, Model View Controller, MobX and Relay
    • Building components with Hooks
    • Exploiting asynchronous processing in React 17

Team Training

Building Web Applications with Reach and Redux FAQs

  • Can I learn Building Web Applications with Reach and Redux online?

    Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.

Questions about which training is right for you?

call 888-843-8733
chat Live Chat

100% Satisfaction Guaranteed

Your Training Comes with a 100% Satisfaction Guarantee!*

*Partner-delivered courses may have different terms that apply. Ask for details.

Online (AnyWare)
Online (AnyWare)
Online (AnyWare)
New York / Online (AnyWare)
San Francisco / Online (AnyWare)
Herndon, VA / Online (AnyWare)
Seattle / Online (AnyWare)
Alexandria, VA / Online (AnyWare)
New York / Online (AnyWare)
San Francisco / Online (AnyWare)
Preferred method of contact:
Chat Now

Please Choose a Language

Canada - English

Canada - Français