React.js Training

See Course Outline

Training for your Team

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

React, or React.js, is an open source JavaScript library from Facebook used for view rendering in large-scale or single-page application (SPA). It encourages the creation of reusable UI components which present data that changes over time. React can also render on the server using Node, and it can power native apps using React Native.

This training is for the Javascript developers which are diving into the ReactJS library for the first time.

Goals
  1. Understand what React is and what problems it solves.
  2. Gain a deeper knowledge of JSX.
  3. Implementing Flux Architecture with React.
  4. React Redux framework.
  5. Implement unit tests for React components.
  6. Learn React best practices.
Outline
  1. What is React
    1. What react is and what it is not
    2. Advantages
    3. Limitations
    4. How react works
  2. Introduction to JSX
    1. Virtual DOM
    2. JS vs JSX
    3. React Components
    4. HTML attributes e.g. class and id etc
    5. Child Components and Namespaced components
    6. Javascript expressions in JSX like attribute, boolean or child expression
  3. Setting up your ReactJS Development Environment
    1. Look at an ReactJS application in Plunker
    2. Setup Cloud9
    3. Using npm & package.json file
    4. Webpack & ES6 Introduction
    5. Organizing your source code
    6. React browser plugin
  4. Creating a simple React Application
    1. A simple react component with JSX template
    2. Nesting Components
    3. React render
    4. React Props
    5. Props validation with data types
    6. States, Initialize states and update states
  5. React UI and Forms
    1. Form components e.g. input, textarea
    2. Controlled form components
    3. Uncontrolled form components
    4. Checkboxes and Radios
    5. Select box with default selected value
    6. Form validation
    7. Styles
    8. Animation Introduction
  6. Component Life Cycle
    1. Initial Render
    2. Props Change
    3. Stage Change
    4. Component Unmount
  7. React Router and Other JS concepts
    1. React Router configuration
    2. Router History
    3. If-else in JSX
    4. IIFE in JSX for complex logic
  8. Event Handling in JSX
    1. onClick, onKeyUp and other useful events in React
    2. Sharing events across the components
  9. React Styles
    1. CSS and inline styles
    2. Setting up the react for React bootstrap
    3. Implementing the react bootstrap components
  10. React Router & Navigation
    1. Loading the router library
    2. Router configuration
    3. Passing and receiving parameters
    4. React-cookie integration
  11. Flux
    1. What is Flux Architecture
    2. Flux Components
      1. Stores
      2. Dispatchers
      3. View Controllers
      4. Actions
      5. Views
    3. How Flux works
    4. Flux and React
  12. Redux
    1. One Store
    2. Provider Component
    3. Actions
    4. Reducers
    5. Redux application development
  13. Unit Testing
    1. Tools for Unit testing
    2. React Unit testing
    3. JEST
    4. React Component testing
    5. React Router Testing
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:

  • Thorough understanding of JavaScript.

Experience in the following would be useful for this JavaScript class:

  • Knowledge of jQuery, HTML events, and bootstrap.
Preparing for Class

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

88,409

Students who have taken Live Online Training

15,968

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.45

Students rated our trainers 9.45 out of 10 based on 5098 reviews

Really enjoyed the class and the instructor. I was worried at first about it being a live online class, but the format was great. I could sit in my office and if something was going wrong the instructor could access our computer and walk us through. GREAT CLASS, GREAT INSTRUCTOR!!! Would definitely recommend.

Debbie Evans, West Coast Florida Enterprises
Fort Myers FL

Exceeded Expectations! Amazing Instructor! Actually Learned Something!!!

Wendy James, RCS, Department of Veterans Affairs
Lakewood CO

Instructor's insight was invaluable in creating my unexpected level of comfort with using Basecamp. After the initial lessons, she guided hands-on use of the product for real-world scenarios--exercising excellent judgment about when to intercede as we fumbled our way toward prowess.

Cymantha Governs, Johns Hopkins Medicine International
Baltimore MD

Well worth the money.

James Corrigan, Whitsons
islandia NY

Contact Us or call 1-877-932-8228