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.

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

Conditional Rendering - And

Showing content only when conditions pass

Conditional Rendering - Ternary

Switching between two UI outcomes

Conditional Rendering - Props

Rendering differently based on incoming data

Conditional Rendering - Login/Logout

Toggling authentication actions in the UI

Conditional Rendering - Loading Spinner

Displaying feedback while content loads

Dynamic Rendering - Array.map

Turning arrays into repeated UI elements

Dynamic Rendering - Array.filter

Narrowing visible items from a list

Props/State - Empty vs. Loaded State

Handling blank and populated interface states

Props/State - State vs. Props

Understanding internal versus external component data

Props/State - Passing State as Props

Sending parent data down to children

Props/State - A Callback as Prop

Letting children trigger parent updates

Props/State - Lifting State Up

Moving shared data to a parent

Props/State - Shared State - Siblings

Coordinating updates across related components

Props/State - One Source of Truth

Keeping shared data in one place

Props/State - Derived UI From State

Generating interface output from state values

Hooks - useState

Managing local state in function components

Hooks - useEffect

Running side effects after rendering

Hooks - useEffect for Fetching API Data

Loading external data into components

Hooks - useEffect Cleanup

Removing side effects when components change

Hooks - useEffect With Event Listeners

Attaching and cleaning browser event handlers

Hooks - useEffect Dependency Arrays

Controlling when effects run again

Hooks - Common useEffect Mistakes

Avoiding loops and stale values

Hooks - Custom Hooks?

Extracting reusable stateful logic cleanly

Interactive Events - Keydown Event Listener

Responding to keyboard presses in components

Interactive Events - Default Browser Behavior

Stopping built-in actions when needed

Interactive Events - Mouse and Focus Events

Reacting to pointer and focus changes

Interactive Events - Building Keyboard-Friendly UI

Making interactions work beyond the mouse

Interactive Events - Modal Open/Close Behavior

Showing and hiding layered interface panels

Interactive Events - Escape Key

Closing UI quickly from the keyboard

Component Composition - Reusable Components

Building interfaces from smaller repeatable parts

Component Composition - Parent/Child Communication

Sending data and behavior between components

Component Composition - Layout

Reusing page structure across views

Component Composition - Children Props

Passing nested content into wrappers

Component Composition - Duplication

Reusing structure instead of copying code

State - Redux Hello World!

First look at Redux in action

State - Why Global State?

Understanding when shared app data matters

State - Different Approaches

Comparing common state management approaches

State - Built-In State, Not Enough?

Seeing where basic state starts straining

State - Redux vs. Redux Toolkit?

Comparing classic Redux with a modern setup

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

Introduction to React

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

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

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!