Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript more →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Join our Discord Server What Our Students Say
Tutorials

This video is available to students only

When to Use Client Components Instead of Server Components

This page is a preview of Next.js Complex State Management Patterns with RSC

Previous Lesson:

Harnessing Client Components for Dynamic User Interactivity

Next Lesson:

Unravelling Next.js Server Components: A Comprehensive Guide

Start a new discussion. All notification go to the author.

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Next.js Complex State Management Patterns with RSC

Module 1: Introduction

Introduction:

Start Here

Lesson 1: (3:14)

Introduction

Lesson 2: (6:11)

Mastering State Management in Web Development using Server and Client Components

Lesson 3: (7:59)

Optimizing Web Application Performance with Page Architecture in Next.js

Module 2: State Management

Lesson 1: (8:51)

Understanding State in React: Best Practices and Pitfalls

Lesson 2: (5:51)

Understanding Local and Global State in Software Development

Lesson 3: (7:43)

Understanding and Handling Local State in React

Lesson 4: (10:04)

Understanding State Management in React: A Comprehensive Guide to Global State and Context API

Module 3: Client Components

Lesson 1: (6:18)

Utilizing Client Components in React and Next.js

Lesson 2: (3:35)

Harnessing Client Components for Dynamic User Interactivity

Lesson 3: (13:27)

When to Use Client Components Instead of Server Components

Module 4: Server Components

Lesson 1: (12:16)

Unravelling Next.js Server Components: A Comprehensive Guide

Lesson 2: (8:09)

Server Components vs Server-Side Rendering: A Comprehensive Guide

Lesson 3: (9:03)

When should you use Server Components?

Module 5: Improving Page Architecture

Lesson 1: (27:51)

Improving Page Architecture: Strategies for Optimizing Performance and Interactivity

Module 6: Sharing State Between Client and Server

Lesson 1: (4:19)

Understanding State Management in Server and Client Components

Lesson 2: (10:30)

Sharing State Between Server and Client Components using props

Lesson 3: (14:30)

Using cookies to share state between client and server components

Lesson 4: (13:36)

Hydrated State: Building Interactive Applications with Server-Side APIs and Client-Side State

Module 7: Final words

Lesson 1: (2:38)

Final words about the course

When to Use Client Components Instead of Server Components