React Fundamentals for Next.js

JSX Syntax

Embedding Expressions

JSX vs HTML Differences

JSX Compilation Process

JSX Best Practices

Functional Components

Class Components

Passing Props

Receiving Props

Prop Types

Default Props

Destructuring Props

Children Prop

Prop Drilling

Props Validation

Component State Basics

State Initialization

State Updates

State Immutability

Lifting State Up

State vs Props

Basic useState Syntax

State Initialization

Updating State with Values

Updating State with Functions

Multiple State Variables

State Batching

Effect Basics

Side Effects

Effect Dependencies

Dependency Array

Effect Cleanup

Multiple Effects

Effect Timing

Common useEffect Patterns

React Context API

Creating Context

Context Provider

Consuming Context

useContext vs Prop Drilling

Context Best Practices

Ref Basics

DOM Element References

Mutable Values

useRef vs useState

Forwarding Refs

Memoization Concepts

useMemo Syntax

Performance Optimization

Dependency Array

When to Use useMemo

Function Memoization

useCallback Syntax

Preventing Unnecessary Re-renders

useCallback vs useMemo

Event Handler Optimization

Reducer Pattern

useReducer Syntax

Actions and Dispatch

Complex State Logic

useReducer vs useState

Event Handler Syntax

Synthetic Events

Event Object Properties

Passing Arguments to Handlers

Event Delegation

If-Else Statements

Ternary Operators

Logical AND Operator

Logical OR Operator

Switch Statements

Guard Clauses

Mapping Arrays

React Keys

Key Selection Strategies

List Performance

Dynamic Lists

Containment Pattern

Specialization Pattern

Composition vs Inheritance

Component Slots

HOC Concepts

Creating HOCs

HOC Patterns

HOC Limitations

Render Props Pattern

Function as Children

Render Props vs HOCs

Creating Custom Hooks

Hook Naming Conventions

Sharing Logic

Custom Hook Patterns

Testing Custom Hooks

Error Boundary Concepts

componentDidCatch

Error Boundary Implementation

Error Handling Strategies