Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Introduction to React

Course Summary

The Introduction to React course is designed to demonstrate how to utilize the React.js library and JSX to make simple data-driven User Interfaces (UIs).

The course begins with a review of the necessary JavaScript concepts required to work with React. Next, it examines React by first studying at the motivations of using React compared to other popular JavaScript frameworks. The course explores the key concepts, components, architectures, and syntax used with React development.

Purpose
 Learn how to use the React.js library and JSX to make simple data-driven UIs.
Audience
 Front-End Developers experienced with basic JavaScript.
Role
Software Developer - Web Developer
Skill Level
Introduction
Style
Hack-a-thon - Learning Spikes - Workshops
Duration
3 Days
Related Technologies
JavaScript | React | Web Development

 

Productivity Objectives
  • Describe what React is and what problem it solves
  • Explore the basic architecture of a React component
  • Build and connect React components that correctly utilize React's Application Programming Interface (API)
  • Learn React.js best practices

What You'll Learn:

In the Introduction to React training course, you'll learn:
  • JavaScript Review
    • Variables and functions
    • Objects, Prototypes, and inheritance
    • Events and event handlers
  • Introduction to React
    • React.js
      • What is it?
      • What problem does it solve?
    • Development Eco-System
    • React versus other frameworks
  • Key React components
    • Editor and Web Server
    • Browser Development Tools
    • Components
    • Virtual DOM
    • Dataflow
    • JSX
  • Your First React UI
    • Understand the components
    • Build a Hello World Component
  • JSX
    • What is JSX?
    • Use JSX
    • Utilize React with JSX
    • Use React without JSX
    • Precompiled JSX with Babel
  • Working with Components
    • Component Life-Cycle
    • Properties and State
    • Virtual DOM
    • Events
    • Compositions
    • Reusable Components
  • Forms
    • Controlled Components
    • Uncontrolled Components
  • React Best Practices
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.