Home/Courses/React/React Intermediate

React Intermediate⚛️

Intermediate

React 19

Level up your React skills with hooks, styling, data fetching, testing, and performance optimization

18

Sections

58

Lessons

54

Challenges

Start this free course

Start learning React Intermediate

58 lessons and 54 challenges, all 100% free.

Start this course

DOM Access with useRef(Sign in required)

Beginner+10 Mana

Ref Current Property(Sign in required)

Beginner+10 Mana

useRef vs useState(Sign in required)

Intermediate+20 Mana

useMemo for Expensive Calculations

useCallback for Stable Functions

When to Memoize

useMemo vs useCallback(Sign in required)

Intermediate+20 Mana

Memoization Tools(Sign in required)

Intermediate+20 Mana

useMemo Dependency Change(Sign in required)

Intermediate+20 Mana

Creating Custom Hooks

Custom Hook Patterns

Testing Custom Hooks

Custom Hook Naming(Sign in required)

Beginner+10 Mana

Custom Hook Structure(Sign in required)

Intermediate+20 Mana

Custom Hook State Sharing(Sign in required)

Intermediate+20 Mana

React Context Fundamentals

Context Patterns

Context Performance Optimization

Context Purpose(Sign in required)

Beginner+10 Mana

Context Provider Value(Sign in required)

Beginner+10 Mana

Context Setup Steps(Sign in required)

Intermediate+20 Mana

useReducer Basics

Reducer Patterns

Combining Reducer with Context

Reducer Action Type(Sign in required)

Beginner+10 Mana

useReducer vs useState(Sign in required)

Intermediate+20 Mana

Reducer Terminology(Sign in required)

Intermediate+20 Mana

Introduction to CSS Modules

CSS Modules Patterns

CSS Modules Composition

CSS Modules File Extension(Sign in required)

Beginner+10 Mana

CSS Modules Import Syntax(Sign in required)

Beginner+10 Mana

CSS Scoping Approaches(Sign in required)

Intermediate+20 Mana

Introduction to Styled Components

CSS-in-JS Patterns

CSS-in-JS Theming

Styled Components Syntax(Sign in required)

Beginner+10 Mana

Styled Components Tagged Templates(Sign in required)

Intermediate+20 Mana

Creating a Styled Component(Sign in required)

Intermediate+20 Mana

Tailwind CSS with React

Tailwind Patterns in React

Dynamic Classes in Tailwind

Tailwind Responsive Prefix(Sign in required)

Beginner+10 Mana

Tailwind State Prefix(Sign in required)

Beginner+10 Mana

Tailwind Utility Classes(Sign in required)

Intermediate+20 Mana

Introduction to Error Boundaries

Building a Reusable Error Boundary

Error Recovery Strategies

Error Boundary Lifecycle Method(Sign in required)

Beginner+10 Mana

Error Boundary Coverage(Sign in required)

Intermediate+20 Mana

Error Boundary Lifecycle Order(Sign in required)

Intermediate+20 Mana

React.lazy and Suspense

Code Splitting Strategies

Lazy Loading Routes

Lazy Suspense Requirement(Sign in required)

Beginner+10 Mana

Lazy Loading Wrapper(Sign in required)

Beginner+10 Mana

Lazy Import Syntax(Sign in required)

Beginner+10 Mana

Data Fetching with useEffect

Managing Loading States

Fetch Error Handling

Fetch Cleanup(Sign in required)

Intermediate+20 Mana

Fetch Pattern Steps(Sign in required)

Intermediate+20 Mana

Fetch Render Count(Sign in required)

Intermediate+20 Mana

Introduction to TanStack Query

Mutations and Cache Invalidation

Query Caching and Stale Time

Query Key Purpose(Sign in required)

Intermediate+20 Mana

TanStack Query Hook Name(Sign in required)

Beginner+10 Mana

Invalidate Queries(Sign in required)

Intermediate+20 Mana

Memoizing Components with memo

Custom Comparison and Shallow Equality

When memo Fails and Alternatives

Memo Purpose(Sign in required)

Beginner+10 Mana

Memo Render Count(Sign in required)

Intermediate+20 Mana

Memo Wrapper Syntax(Sign in required)

Beginner+10 Mana

Introduction to React Testing Library

Testing Patterns and Strategies

Testing Asynchronous Components

RTL Query Priority(Sign in required)

Intermediate+20 Mana

Test Structure Steps(Sign in required)

Intermediate+20 Mana

User Event vs FireEvent(Sign in required)

Intermediate+20 Mana

Understanding Concurrent Rendering

useTransition Hook Deep Dive

useDeferredValue for Derived State

startTransition Without the Hook

useTransition Return Value(Sign in required)

Beginner+10 Mana

useDeferredValue Optimization Requirement(Sign in required)

Intermediate+20 Mana

Transition vs Urgent Updates(Sign in required)

Intermediate+20 Mana

Suspense Fundamentals

Code Splitting with React.lazy

Error Boundaries for Graceful Failures

Suspense for Data Fetching

Suspense Fallback Purpose(Sign in required)

Beginner+10 Mana

What Error Boundaries Don't Catch(Sign in required)

Intermediate+20 Mana

Error Boundary Required Method(Sign in required)

Intermediate+20 Mana

Typing Component Props

Typing React Hooks

Typing Events and Handlers

Generic Components

Children Prop Type(Sign in required)

Beginner+10 Mana

Input Change Event Type(Sign in required)

Intermediate+20 Mana

DOM Ref Initial Value(Sign in required)

Intermediate+20 Mana

Understanding React's Rendering Behavior

Preventing Unnecessary Re-renders

Virtualizing Long Lists

Advanced Performance Patterns

When to Virtualize(Sign in required)

Beginner+10 Mana

Re-render Triggers(Sign in required)

Intermediate+20 Mana

Making memo Work(Sign in required)

Intermediate+20 Mana

Ready to start this free course?

No credit card required.

Start this course now

Ready to start React Intermediate?

58 interactive lessons and 54 hands-on challenges — learn in VS Code, Cursor, or the web.