1. Home
  2. Web Development
  3. React
  4. Introduction to React.js and Redux Training

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
Request Class

What people say about our training

Great course. The class uses a very nuts-and-bolts approach. Very practical instruction.
Eric Riddle
Nationwide Insurance
I found Webucator to be a great resource for training and look forward to future courses.
Charles R. Piland
Elon University
The instructor is incredible. I learned a lot. She made it fun and easy to understand. Awesome class!
Cindy Bielke
Intertech
Very good class material and the instructor was very accommodating!
Corey Taylor
L-3 Communications
More Testimonials

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

60,864

Students who have taken Instructor-led Training

11,703

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