• Home
  • JavaScript
    • Introduction to JavaScript
    • JavaScript Developer
  • TypeScript
    • Introduction to TypeScript
    • TypeScript Developer
  • React.js
    • Introduction to React
    • React Developer
  • Python
    • Introduction to Python
    • Python Developer
  • C++
    • Introduction to C++
    • C++ Developer
  • C Language
    • Introduction to C
    • C Developer
  • Rust
    • Introduction to Rust
    • Rust Developer
  • Zig
    • Introduction to Zig
    • Zig Developer
  • Linux Shell
    • Introduction to the Linux Shell
    • Linux Shell Developer
  • Interactive Training
  • Pricing
  • Brainstorm
STEMTrainingGrounds
  • Courses
    • Home
    • JavaScript
      • Introduction to JavaScript
      • JavaScript Developer
    • TypeScript
      • Introduction to TypeScript
      • TypeScript Developer
    • React
      • Introduction to React
      • React Developer
    • Python
      • Introduction to Python
      • Python Developer
    • C++
      • Introduction to C++
      • C++ Developer
    • C Language
      • Introduction to C
      • C Developer
    • Rust
      • Introduction to Rust
      • Rust Developer
    • Zig
      • Introduction to Zig
      • Zig Developer
    • Linux Shell
      • Introduction to the Linux Shell
      • Linux Shell Developer
  • Interactive Training
  • Pricing
  • Reading Grounds

Quick Links

  • About Us
  • Pricing
  • Partnership
  • Brainstorm
  • Terms
  • Privacy
  • Refunds

Courses

  • JavaScript
    • Introduction to JavaScript
    • JavaScript Developer
  • TypeScript
    • Introduction to TypeScript
    • TypeScript Developer
  • React
    • Introduction to React
    • React Developer
  • Python
    • Introduction to Python
    • Python Developer
  • C++
    • Introduction to C++
    • C++ Developer
  • C Language
    • Introduction to C
    • C Developer
  • Rust
    • Introduction to Rust
    • Rust Developer
  • Zig
    • Introduction to Zig
    • Zig Developer
  • Linux Shell
    • Introduction to the Linux Shell
    • Linux Shell Developer

Newsletter

Subscribe to our free monthly newsletter, for a quick update on Python, JavaScript, and React news

© 2025 - 2026 STEMTrainingGrounds. All Rights Reserved.

Your browser does not support the video tag.

Introduction to React

Introduction to React gives students a fun, approachable entry into React by focusing on the core ideas behind components, JSX, props, state, inputs, buttons, and styling. The lessons are designed to create quick wins and visible results, helping beginners build confidence with interactive UI before moving into more concept-heavy React topics. Certificate upon completion.

Computer Programming Language Logo
Enroll

Introduction to React

Lesson 1
Components - Function Declarations
Comparing modern and legacy components
Free Preview
Lesson 2
What Is JSX?
HTML-like syntax used inside React
Free Preview
Lesson 3
React in HTML
Bring it all together, React, JavaScript, and HTML
Lesson 4
Components - Function Expressions
Coding UI with expressions and tags
Lesson 5
Components - Arrow Functions
Building reusable UI with concise component syntax
Free Preview
Lesson 6
Components - Function Component Props
Passing data into reusable UI pieces
Lesson 7
Components - Nesting Components
Combining smaller pieces into larger interfaces
Lesson 8
Components - Reusable Cards
Reusing the same layout with props
Lesson 9
Buttons - Toggles/Toggling
Click to switch visible interface states
Lesson 10
Buttons - Click Handling
Responding to user clicks with events
Lesson 11
Buttons - useState Counters
Updating displayed numbers with local state
Computer Programming Language Logo

React Developer Path

Introduction to React

Introduction to React gives students a fun, approachable entry into React by focusing on the core ideas behind components, JSX, props, state, inputs, buttons, and styling. The lessons are designed to create quick wins and visible results, helping beginners build confidence with interactive UI before moving into more concept-heavy React topics. Certificate upon completion.

React Developer
Grow from building single interactive pieces to thinking in terms of connected, reactive applications. Learn how UI changes based on data, how components communicate, how hooks manage behavior over time, and how to make better decisions about shared state and app structure. Certificate upon completion.

React Developer Path

Course logo

Introduction to React

Course logo

React Developer

Monthly

$ 19.99

React Developer Path

Access to:

Introduction to React course

and

React Developer course

Upon course or path completion:

Course certificate

Path certificate

2 Courses

Monthly Subscription

Enroll Today

Yearly

$ 149.99

React Developer Path

Access to:

Introduction to React course

and

React Developer course

Upon course or path completion:

Course certificate

Path certificate

2 Courses

1 Year Subscription

Enroll Today

Yearly

$ 259.99

All-Access 1 Year Subscription

Access to:

Python Developer Path

JavaScript Developer Path

React Developer Path

TypeScript Developer Path

Linux Shell Developer Path

C++ Developer Path

C Developer Path

Upon completion:

Path certificates

Also includes 1-year all-access to any new courses or paths that are added!

Enroll Today