Introduction to React.js and Redux Training

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 React 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

Training for your Team

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

What people say about our training

The instructor made it easy to learn some new things that Advanced PowerPoint 2010 offers. The instructor heard what my needs were and was able to address them and improve on them. I would do more web based training with Webucator.
Janice Bennett
Teva Canada
Excellent class. With the instructor's constant attention to student questions, you easily forget you are in an online training environment. It felt like a classroom to me.
Julie Kennedy
n/a
Great materials to walk away with and the instructor was extremely flexible and considerate of my time.
Andrew Cocos
Brown Shoe Company
The goal was to improve my current SQL skills and apply them in PL/SQL to comprehend and execute PL/SQL code, and I feel that was met and surpassed in these 4 days.
Ricardo Grande
Florida Gulf Coast University

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

60,147

Students who have taken Instructor-led Training

11,636

Organizations who trust Webucator for their Instructor-led 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

Contact Us or call 1-877-932-8228