Introduction to React.js and Redux Training

See Course Outline

Training for your Team

4
Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors
Overview

React is a popular, high-performance JavaScript library for building fast, composable user interfaces. The Redux library is a variant form of the Flux pattern, providing a state machine for managing the state of a React application in a single dispatcher store. This Introduction to React/Redux course teaches experienced JavaScript developers the skills they need to immediately implement React/Redux in their applications.

This class is intended for experienced JavaScript developers. Approximately 1-2 years of JavaScript experience should suffice. Students will use intermediate and advanced JavaScript concepts and features extensively and will be expected to come to understand these features during the course. Students without JavaScript experience should not take this course.

Goals
  1. Understand what React and Redux are and what problems they solve.
  2. Gain a deeper knowledge of ES2015 and JSX.
  3. Learn to integrate React and Redux.
  4. Learn to implement unit tests for React and Redux components.
  5. Learn React and Redux best practices.
Outline
  1. Overview
    1. What is React? What problem does it solve?
    2. What is Redux? What problem does it solve?
  2. ES2015
    1. ES2015 features which impact React and Redux
    2. Variable scoping with const and let
    3. Using arrow functions
    4. Spread operator
    5. Object destructuring
    6. Classes and modules
    7. Immutable Programming and Immutable.js
  3. React - Creating Components
    1. Creating Component Classes
    2. Components vs. Pure Components
    3. Stateless Functions
    4. Referencing DOM Elements
  4. React and JSX
    1. Rules of JSX
    2. Returning JSX
    3. Integrating JavaScript with JSX
    4. Reserved words with JSX
    5. Conditionally returning JSX
  5. Testing React with Mocha
    1. Unit testing in general
    2. Unit testing with Mocha
    3. Introduction to Enzyme
    4. Putting Enzyme and Mocha together to test a React component
  6. React - Working with State
    1. Managing State within a Tree Components
    2. Initializing State
    3. Updating State
    4. Working with Forms
    5. Controlled vs. Uncontrolled Components
    6. Testing state and props
  7. Composing Components
    1. Sibling Components and Keys
    2. Parent and Child Components
    3. Props and State
  8. Event Handlers
    1. Bind and Value of "this"
    2. Class Arrow Functions
    3. Inline Arrow Functions
    4. Passing in via props
    5. Testing event handlers
  9. Component Life-Cycle
    1. ComponentDidMount
    2. ShouldComponentUpdate
    3. ComponentWillReceiveProps
    4. And other life-cycle functions
    5. Testing life-cycle
  10. Server Rendering
    1. Redux - Reducer Functions
    2. Immutable Programming and State
    3. Setting up and Handling Actions
    4. Combining Reducer Functions
    5. Testing Redux
  11. Redux - Store
    1. Dispatching Actions
    2. Subscribing Components
    3. Working with Middleware
    4. Using Sinon to mock out stores and data
  12. Redux - Asynchronous Operations
    1. Asynchronous Actions
    2. Redux-Thunk
    3. Redux-Saga
    4. Mocking out asynchronous calls for testing
  13. Redux – Connecting to React
    1. React-Redux
    2. Connect API
    3. Provider API
    4. Testing a fully integrated React-Redux application
  14. React Router
    1. Why do we need the router?
    2. Working with react router
    3. Reading parameters via the router
    4. Manipulating routes
    5. Integrating React Router with Redux
  15. React Native
    1. Introduction to React Native
    2. React Native as a platform
    3. Benefits
    4. Best practices
    5. Configuring React Native
    6. A Native-ified React application
  16. Conclusion
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this JavaScript class:

  • 1-2 years of JavaScript experience.
  • Advanced understanding of JavaScript, including prototypes and functions as first class citizens.
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

93,987

Students who have taken Live Online Training

16,159

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

8.15

Students rated our Introduction to React.js and Redux Training trainers 8.15 out of 10 based on 6 reviews

Thorough session, with insightful points to help you in everyday work.

Dave Troncone, NICE Systems
Tenafly NJ

I really enjoyed taking the Intermediate Java Programming course. Couldn't ask for better support. The instructor was fantastic. Two thumbs all the way up for the whole experience!

Tyron West, IndraSoft, Inc.
Montgomery AL

The training was great, and I feel very prepared to tackle new SharePoint challenges.

Paul Prince, Public Affairs Office
Fort McPherson GA

Great practical examples by the instructor to help with real life use. This course/class will definitely get me off the ground and headed in the direction I want to go with web design.

Dennis Renfroe, n/a
Fuquay Varina NC

Contact Us or call 1-877-932-8228