Introduction to React Course | DevelopIntelligence

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

Download

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

Learn About Virtual Training

Request Information

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

If you are not completely satisfied with your training class, we'll give you your money back.

about our training

Real-World Content

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

Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

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