English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 19 Lessons (2h 56m) | 539 MB
Learn the Best Practice and Architectural Patterns Behind React Server Components and Client Side Components
Learn how server components work in Next.js and how you can use them to share state between the client and server. Learn the best way to architect pages by combining server and client components and improve the overall performance and UX of your apps.
WHAT YOU WILL LEARN
- How server components work
- How to combine server and client components to improve page loading times
- How to use props to share state from server to client components
- How cookies can be used as state storage
- How to take advantage of hydrated state to share state between client and server components
Table of Contents
1 Introduction
2 Mastering State Management in Web Development using Server and Client Components
3 Optimizing Web Application Performance with Page Architecture in Next.js
4 Understanding State in React- Best Practices and Pitfalls
5 Understanding Local and Global State in Software Development
6 Understanding and Handling Local State in React
7 Understanding State Management in React- A Comprehensive Guide to Global State and Context API
8 Utilizing Client Components in React and Next.js
9 Harnessing Client Components for Dynamic User Interactivity
10 When to Use Client Components Instead of Server Components
11 Unravelling Next.js Server Components- A Comprehensive Guide
12 Server Components vs Server-Side Rendering- A Comprehensive Guide
13 When should you use Server Components
14 Improving Page Architecture- Strategies for Optimizing Performance and Interactivity
15 Understanding State Management in Server and Client Components
16 Sharing State Between Server and Client Components using props
17 Using cookies to share state between client and server components
18 Hydrated State- Building Interactive Applications with Server-Side APIs and Client-Side State
19 Final words about the course
Resolve the captcha to access the links!