React & Next.js in 2025- Modern Best Practices for Faster, Smarter Apps
summary
Covers concrete React and Next.js patterns for 2025 frontend apps: when to avoid global state and how to manage state with Hooks, Zustand, Jotai, Redux and TanStack Query; approaches to hybrid rendering and routing (SSR, CSR, SSG, ISR), server actions, caching, and code-splitting; plus performance tuning (Core Web Vitals, profiling, server-side monitoring) and practical optimization examples like a video player, along with maintainability and accessibility practices.
AI-written summary · about
chapters (16)
- 0:00Intro
- 1:56Introduction to Modern Web Best Practices
- 2:30State Management and Why You May Not Need One
- 5:54State Management with React (Hooks, Zustand, Jotai, Redux, TanStack Query)
- 7:56Keeping State Close to Component
- 9:35Managing Dependencies Granularly
- 11:06One Source of Truth
- 11:26Data Fetching
- 12:09Rendering Strategies (Rendering, Caching, Routing, Using the Server, Lazy Loading Images)
- 14:42Hybrid Rendering (Server-side Rendering, Client Side Rendering, SSG, ISR)
- 18:36Performance Optimization in the Server (Monitor First, Optimize Later)
- 19:20Core Web Vitals (LCP, INP, CLS, React Profiler, React Scan, Next.js Analytics)
- 22:01Other Performance Optimization Techniques
- 22:15Practical Example of Optimization using a Video Player
- 32:19Code Maintainability (Document, Structure Component, Colocation, Test
- 34:14Accessibility
