Building Web Applications with React and Redux

Level: Advanced
Rating: 4.7/5 4.74/5 Based on 107 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 React 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 Container/Presentational architecture to create applications
  • Integrate a variety of React extensions to create a modern application

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

LIVE, INSTRUCTOR-LED

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 £2095

RESERVE SEAT

PRODUCT #2322

TRAINING AT YOUR SITE

Team Training

  • Bring this or any training to your organisation
  • 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

CONTACT US

Save More on Training with Learning Tree Training Vouchers!

Our flexible, easy-to-redeem training vouchers are available to any employee within your organisation. For details, please call 0800 282 353 or chat live.

In Class & Live, Online Training

Note: This course runs for 4 Days

  • 15 - 18 Mar 9:00 AM - 4:30 PM GMT Online (AnyWare) Online (AnyWare) Reserve Your Seat

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

  • 20 - 23 Sep 9:00 AM - 4:30 PM BST Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • 16 - 19 Feb 2:00 PM - 9:30 PM GMT Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • 13 - 16 Apr 2:00 PM - 9:30 PM BST Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

  • 17 - 20 Aug 2:00 PM - 9:30 PM BST New York / Online (AnyWare) New York / 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.

Important React and Redux Training Information

  • Requirements

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

React 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
    • Incorporating third-party components
  • Designing Custom React Components

    Displaying React content
    • Employing React.createElement() and React.DOM.render()
    • Support well-designed components by leveraging imports
    • Dynamically generating the UI
    Leveraging JSX for UI design
    • Coding custom component classes
    • Generating component output with the render method
    • Composing a JSX component hierarchy
    • Extending the hierarchy with the Container/Presentational design pattern
    • Understanding the differences between JSX and HTML
  • Activating React Components

    Parameterizing components
    • Disambiguating component properties and state
    • Leveraging the children props to pass content dynamically
    • Inserting properties into rendered output with this.props
    • Improving maintainability and reliability with defaultProps and proptTypes
    • Centralising logic at the container level by passing functions as props
    • Integrating stateless functional components
    Manipulating component state
    • Separating component state from component behaviour
    • Reading application data with this.state
    • Mutating data with this.setState()
    • Efficiently managing state to improve performance
    • Best practises for sharing state with createContext
    Integrating into the component life cycle
    • Attaching and detaching logic and event handlers in componentDidMount and componentWillUnmount
    • Enhancing performance with componentShouldUpdate
    Routing between components
    • Exploiting the react-router for semantic URLs
    • Mapping URL paths and parameters to components
  • Developing React Forms

    Manipulating form input components
    • Working with interactive properties
    • Capturing form component updates with onChange
    • Exploiting controlled components
    Implementing two-way binding
    • Applying the onChange / setState() convention
    • Reducing onChange clutter for clearner code
  • Centralising State with Redux

    Modelling client-side data interactivity
    • Architecting loosely-coupled applications for extensibility
    • Managing state centrally
    • Interacting with data using actions, reducers, and stores
    • Defining reducers to correctly manage updates, deletes, and inserts
    Coding a Redux application
    • Best practises when implementing Redux
    • Creating a Redux data store
    • Using the React-Redux Higher-Order Components
    • Sharing state between containers and presentational components
    • Integrating multiple stores/reducers in large applications to avoid complexity
    • Reviewing alternatives: Mbox, alt, Relay, Flux, and Reflux
    Connecting React to RESTful services
    • Making Ajax calls from React using thunk and promises
    • Integrating isomorphic-fetch to support client and server-side access
    • Mapping CRUD access to REST actions
    • Reviewing alternatives
  • Analysing 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
    • Analysing performance with Flamegraphs
    • Optimising component reconciliation with key
  • Advanced Features

    • Building components with Hooks, useState, and useEffect
    • Extending your components with Higher Order Components

Team Training

Building Web Applications with React and Redux FAQs

  • Can I learn Building Web Applications with React 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 0800 282 353
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)
Online (AnyWare)
Herndon, VA / Online (AnyWare)
New York / Online (AnyWare)
Preferred method of contact:

Please Choose a Language

Canada - English

Canada - Français