U

Upskills

  • Hướng dẫn
  • Demo
Đăng nhập

© 2026 Upskills. All rights reserved.

Chính sách bảo mậtĐiều khoản dịch vụ
DiscordX
  1. Trang chủ
  2. Hướng dẫn
  3. React Rendering Strategies
Indie Dev ToolkitPhần 1 / 9

Chương 2: Modern Frontend Development with React

React Rendering Strategies

Nguyễn Phi Vũ
Lead Engineer, NAB - 2 thg 3, 2026

Đây là phần trong series Indie Dev Toolkit về các công cụ hiện đại cho indie full-stack developers. Chúng ta sẽ đi qua hành trình của React rendering, từ thời trước cả khi React ra đời, server-rendered pages và jQuery, qua cuộc cách mạng SPA, đến Server Components ngày nay.

Bạn sẽ đi qua từng pattern SPA, SSR, SSG, và RSC với interactive diagrams và ví dụ cụ thể, rồi xem cách các ứng dụng thực tế kết hợp các patterns này để chọn approach phù hợp dựa trên nhu cầu người dùng và constraints của dự án, chứ không phải theo hype.

Yêu cầu

  • Hiểu biết cơ bản về React (components, props, state)
  • Quen thuộc với JavaScript/TypeScript
  • Một số kinh nghiệm xây dựng web applications

Sự phát triển của React Rendering

jQuery2005DOM manipulationReact SPA2013Client-side renderingNext.js SSR2016Server-side renderingGatsby SSG2020Static generationServer Components2024Hybrid streaming


Về tác giả

Nguyễn Phi Vũ

Nguyễn Phi Vũ

NAB, Lead Engineer

Mình là Vũ, hiện là Lead Engineer ở NAB (National Australia Bank). Mình bắt đầu ở mảng Home Lending, giờ đang lead một team làm sản phẩm cho HICAPS, dịch vụ point-of-sale claiming bảo hiểm sức khỏe tư nhân lớn nhất ở Úc. Trước NAB, mình từng làm ở các startup và nhiều team khác với đa dạng stack.

Upskills là nơi mình chia sẻ những kiến thức thực tế từ công việc, để giúp bạn build và ship dự án tốt hơn. Ngoài tutorial, sắp tới sẽ có thêm nhiều nội dung: project showcase, interview prep, và các AI tool, như những resource cho hành trình học của bạn. Mình rất vui được chia sẻ những kiến thức và kinh nghiệm đã học được trong suốt quá trình làm việc, và có thể chia sẻ thêm nhiều điều thú vị cùng nhau khi chúng ta tiếp tục build những thứ hay ho.

GitHubXXXLinkedin
Từ newsletter của Upskills

Hy vọng bạn thấy React Rendering Strategies hữu ích. Nhận bài tiếp theo qua email nhé?

Các bài deep-dive về web development thực tế, một đến hai tuần một số, viết bởi engineer thực sự có kinh nghiệm build sản phẩm. Không sáo rỗng, không câu view.

  • Ví dụ thực tế, dùng được trong production
  • Không bao giờ spam
  • Hủy đăng ký chỉ với một click

Chúng tôi tôn trọng quyền riêng tư. Hủy đăng ký bất cứ lúc nào.