Next.js Complex State Management Patterns with RSC, from Fullstack.io, tackles a specific point of confusion: how state management actually works once Server Components become the default in Next.js.
Filling a Documentation Gap
Since Next.js 13, server components changed how developers need to think about application logic — and with documentation on the topic still thin, this course exists to clear up exactly where state management code and libraries fit in.
What You'll Cover
- State and state management fundamentals in React, as a refresher
- Client components and where they still make sense
- Server components and how they differ in how they handle state
Across 19 lessons, the course builds up the fundamentals before tackling the server-component state problems that brought you here in the first place.
What will we cover in this course?
Throughout the course, we'll delve into all the essential concepts required to understand how server comopnents works and how they interact with state.
The aim is to make sure you have a solid basic understanding before we jump into the problem that got you here.
So while you might already know some of these concepts, a quick refresher might come in handy.
The topics we'll cover are:
- State and state management in React. Here we'll go over everything you must know about state before moving forward. From the theory behind the concept of "state" on a web application, to the most commmon techniques revolving state management in React.
- Client components. We'll do a quick overview of the usual type of components we're all used to building but we'll delve deeper into some of the best use cases for them.
- Server components. Now we'll start learning about the new type of components and what are the main differences with client components. We'll go deep into the reason why they were introduced and the best use cases for them.
- Page architecture. Here armed with the understanding of server components, we'll look at two practical examples of how to use them to improve the loading speed and the internal architecture of two sections of our sample app.
- Sharing state between server and client components. The final section of the course will answer the question of how to perform proper state management having two different types of comopnents on the same application.
By the end of this course, you'll have all the tools you'll need to confidently create Next.js applications taking advantage of the most advanced features of the framework.
