Introduction to React.js and Redux Training

  4.1 out of 5 - Read Testimonials

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

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

98,438

Students who have taken Live Online Training

16,254

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

I'm preparing to start a new job and it had been a number of years since I'd last used MS Project, which is the main scheduling tool used by my new employer. Taking this class has helped me feel better prepared to hit the ground running in my new job. The instructor was a good communicator and had a deep knowledge of MS Project 2007. This depth of knowledge, along with the instructor's comfort and confidence in leading the class and responding to our questions, certainly helped me get as much out of the class as I was capable of getting.

Jeffrey Mathe, mercer
Buffalo Grove IL

Before this course I felt like I THOUGHT I was practicing Scrum. After I participated in this class, I now feel like I have the necessary tools and knowledge to be a better Scrum Master.

Martie Kelley, Apollo Group
Phoenix AZ

Great instructor! Can't want to take her next class!

Tabetha Miller, Esna

This course has been very informative and the instructor makes it absolutely enjoyable.

Christopher Smith, University of North Carolina at Pembroke
Pembroke NC

Contact Us or call 1-877-932-8228