Introduction to React | React Essentials

Trivera Technologies LLC
Training overview
Professional Course
3 days

Course description

Introduction to React | React Essentials

Introduction to React | React Essentials is a three-day hands-on course designed to get students quickly up and running with Core React skills. Geared for more experienced web developers new to React, this course provides students with the core knowledge and hands-on skills they require to build reliable, powerful React apps.

Throughought the course students will explore React fundamentals with a progressive, example-driven approach. You’ll create your first apps, learn how to write components, start handling user interaction, and manage rich forms. We end the first part by exploring the inner workings of Create React App (Facebook’s tool for running React apps), writing automated unit tests, and building a multi-page app that uses client-side routing.

Every project in this course was built using Create React App. Create React App is based on Webpack, a tool which helps process and bundle our various JavaScript, CSS, HTML, and image files. We explore Create React App in-depth in the module “Using Webpack with Create React App.”

  • Students will build Single Page Applications (SPA), create robust routing with error handling, and both class and functional reusable components.
  • The lab project will also include the use of form validation.
Want to find out more?

Who should attend?

In order to be successful in this class, incoming attendees are required to have current, hands-on experience in developing basic web applications, and be versed in HTML5, CSS3 and JavaScript. This is an introductory level React development course but an intermediate level web development class, designed for experienced web developers that need to further extend their skills in web development.

Training content

ES6 Primer

  • Prefer const and let over var
  • Arrow functions
  • Modules
  • Object.assign()
  • Template literals
  • The spread operator and Rest parameters
  • Enhanced object literals
  • Default arguments
  • Destructuring assignments

Your First React Web Application

  • Setting up your development environment
    • Code editor
    • Node.js and npm
    • Install Git
    • Browser
  • JavaScript ES6 /ES7
  • Getting started
    • Sample Code
    • Previewing the application
    • Prepare the app
  • What’s a component?
    • Our first component
    • JSX
    • The developer console
    • Babel
    • ReactDOM.render()
  • Building The App
  • Making The App data-driven
    • The data model
    • Using props
    • Rendering multiple products
  • Your app’s first interaction
    • Propagating the event
    • Binding custom component methods
    • Using state
    • Setting state with this.setState()
    • Updating state and immutability
    • Refactoring with the Babel plugin transform-class-properties
    • Babel plugins and presets
    • Property initializers
    • Refactoring The App
    • Refactoring The List

JSX and the Virtual DOM

  • React Uses a Virtual DOM
  • Why Not Modify the Actual DOM?
  • What is a Virtual DOM?
  • Virtual DOM Pieces
  • React Element
    • Experimenting with ReactElement
    • Rendering Our ReactElement
    • Adding Text (with children)
    • ReactDOM.render()
  • JSX
    • JSX Creates Elements
    • JSX Attribute Expressions
    • JSX Conditional Child Expressions
    • JSX Boolean Attributes
    • JSX Comments
    • JSX Spread Syntax
    • JSX Gotchas
  • JSX Summary


  • Price: $2,195.00
  • Discounted Price: $1,426.75

Why choose Trivera Technologies LLC?

Over 25 years of technology training expertise.

Robust portfolio of over 1,000 leading edge technology courses.

Guaranteed to run courses and flexible learning options.

About Trivera Technologies LLC

Trivera Technologies

Trivera Technologies is a IT education services & courseware firm that offers a range of wide professional technical education services including: end to end IT training development and delivery, skills-based mentoring programs,new hire training and re-skilling services, courseware licensing and...

Read more and show all training delivered by this supplier

Contact this provider

Before we redirect you to this supplier's website, do you mind filling out this form so that we can stay in touch? You can unsubscribe at any time.

Country *

Contact info

Trivera Technologies LLC

7862 West Irlo Bronson Highway
STE 626
Kissimmee FL 34747

 Show phone number

Learn more!

Before we redirect you to this supplier's website, do you mind filling out this form so that we can stay in touch? You can unsubscribe at any time.

View again
Supplier Directory
Join our Supplier Directory to:
- Gain Traffic
- Get Noticed
- Showcase Your Services
- Free Listing Available