Interactive React Fundamentals

Name: Interactive React Fundamentals
Availability: InStock
Author: FreeAcademy

Intermediate

Assumes foundational knowledge. Builds on basics.

Master React with hands-on exercises in your browser. Learn components, props, state, hooks, and modern React patterns through interactive coding challenges. Build real UI components with live preview and instant feedback.

Course Content

11 modules • 33 lessons

Module 1: React Introduction & JSX

4 lessons

1.1

JSX Attributes and Styling

Module 2: Components and Props

4 lessons

2.1

Function Components

2.2

Props Basics

2.3

Children Props

2.4

Component Composition

Module 3: State with useState

3 lessons

3.1

Introduction to useState

3.2

State with Objects and Arrays

3.3

Common useState Patterns

Module 4: Event Handling

3 lessons

4.1

Handling Events

4.2

Event Parameters and Data

4.3

Event Handling Patterns

Module 5: Conditional Rendering

2 lessons

5.1

Conditional Rendering Basics

5.2

Advanced Conditional Patterns

Module 6: Lists and Keys

3 lessons

6.1

Rendering Lists

6.2

Understanding Keys

6.3

List Patterns and Filtering

Module 7: Forms and Controlled Components

3 lessons

7.1

Controlled Inputs

7.2

Form Handling

7.3

Form Validation

Module 8: useEffect and Side Effects

3 lessons

8.1

Introduction to useEffect

8.2

Dependencies and Cleanup

8.3

Common useEffect Patterns

Module 9: Custom Hooks

2 lessons

9.1

Creating Custom Hooks

9.2

Custom Hook Patterns

Module 10: Context API

3 lessons

10.1

Introduction to Context

10.2

useContext Hook

10.3

Context Patterns

Module 11: React Best Practices

3 lessons

11.1

Component Design Principles

11.2

Performance Optimization

11.3

Common React Patterns

Interactive React Fundamentals

Intermediate

Assumes foundational knowledge. Builds on basics.

Course Content

11 modules • 33 lessons

Module 1: React Introduction & JSX

4 lessons

1.1

Welcome to React

1.2

JSX Basics

1.3

Expressions in JSX

1.4

JSX Attributes and Styling

Module 2: Components and Props

4 lessons

2.1

Function Components

2.2

Props Basics

2.3

Children Props

2.4

Component Composition

Module 3: State with useState

3 lessons

3.1

Introduction to useState

3.2

State with Objects and Arrays

3.3

Common useState Patterns

Module 4: Event Handling

3 lessons

4.1

Handling Events

4.2

Event Parameters and Data

4.3

Event Handling Patterns

Module 5: Conditional Rendering

2 lessons

5.1

Conditional Rendering Basics

5.2

Advanced Conditional Patterns

Module 6: Lists and Keys

3 lessons

6.1

Rendering Lists

6.2

Understanding Keys

6.3

List Patterns and Filtering

Module 7: Forms and Controlled Components

3 lessons

7.1

Controlled Inputs

7.2

Form Handling

7.3

Form Validation

Module 8: useEffect and Side Effects

3 lessons

8.1

Introduction to useEffect

8.2

Dependencies and Cleanup

8.3

Common useEffect Patterns

Module 9: Custom Hooks

2 lessons

9.1

Creating Custom Hooks

9.2

Custom Hook Patterns

Module 10: Context API

3 lessons

10.1

Introduction to Context

10.2

useContext Hook

10.3

Context Patterns

Module 11: React Best Practices

3 lessons

11.1

Component Design Principles

11.2

Performance Optimization

11.3