Series✦ Nổi bật

React đến Next.js Lộ trình Frontend Developer

Lộ trình từ React fundamentals đến Next.js App Router. Hooks, state management, server components, caching, deployment.

12 bài viết78 phút đọcTác giả: Nguyễn Nhật Long

Nội dung series

React Mental Model: Tư duy đúng trước khi viết dòng code đầu tiên

Trước khi học hooks hay state management, bạn cần hiểu React thực sự hoạt động như thế nào bên dưới. Bài này sẽ xây dựng mental model đúng từ đầu.

6 phút15 tháng 6, 2026326

Phân tích

React Hooks Deep Dive: Những thứ bạn nghĩ mình đã biết

Từ useState đến useTransition đào sâu vào từng hook, tránh các anti-pattern kinh điển và hiểu khi nào nên dùng cái gì.

6 phút15 tháng 6, 2026301

Giới thiệu

State Management trong React: Chọn đúng tool cho đúng việc

Từ useState đơn giản đến Zustand, TanStack Query khi nào dùng gì, tại sao, và những sai lầm mình từng mắc phải.

7 phút15 tháng 6, 2026387

Phân tích

React Performance: Đừng đoán mò, hãy đo rồi mới optimize

Profiling thực tế, React Compiler, code splitting, virtualization tất cả những gì bạn cần để tối ưu React app mà không cần đoán mò.

7 phút15 tháng 6, 2026367

Next.js là gì? Khi React SPA không còn đủ nữa

Giới thiệu

Next.js là gì? Tại sao React SPA không còn đủ nữa

Từ empty div SEO-unfriendly đến full-stack framework với SSR, file-based routing và Server Components hành trình chuyển từ React SPA sang Next.js.

7 phút15 tháng 6, 2026406

Phân tích

Next.js App Router: File-based Routing từ A đến Z

Deep-dive vào routing system của Next.js App Router từ file conventions, nested layouts đến dynamic routes và metadata API.

7 phút15 tháng 6, 2026281

Kinh nghiệm

Server vs Client Components: Đặt 'use client' đúng chỗ hay hối hận cả đời

Ranh giới giữa Server và Client Components là thứ quyết định app Next.js của bạn nhanh hay chậm, gọn hay nặng nề.

6 phút15 tháng 6, 2026366

Data Fetching trong Next.js: Từ Server Actions đến TanStack Query

Kinh nghiệm

Data Fetching trong Next.js: Server Actions, Cache và Revalidation

Từ server fetch, 'use cache', Server Actions đến TanStack Query tất cả patterns bạn cần để xử lý data đúng cách trong Next.js.

6 phút15 tháng 6, 2026359

Giới thiệu

Auth trong Next.js: Middleware, Cookie và mấy thứ không ai nói cho bạn

Implement authentication flow trong Next.js từ middleware đến protected routes, cookie-based session và chọn auth library phù hợp.

6 phút15 tháng 6, 2026391

Giới thiệu

Tailwind v4 + Shadcn UI: Xây Design System cho Next.js từ A đến Z

Từ CSS-first config của Tailwind v4 đến copy-paste components của Shadcn cách mình setup styling layer cho mọi dự án Next.js.

6 phút15 tháng 6, 2026390

Giới thiệu

Testing & Type Safety trong Next.js: Setup pipeline bài bản từ đầu

Từ TypeScript strict mode đến Playwright E2E cách mình setup một testing pipeline hoàn chỉnh cho dự án Next.js production.

6 phút15 tháng 6, 2026339

Giới thiệu

Deploy Next.js lên Production: Từ git push đến monitoring thực tế

Bài cuối series React → Next.js: tất cả những gì cần biết để đưa app lên production an toàn, từ Vercel đến self-hosted Docker.

8 phút15 tháng 6, 2026300