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 Frontend Architecture
Indie Dev ToolkitPhần 2 / 9

Chương 2: Modern Frontend Development with React

React Frontend Architecture

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

Đây là Phần 2 của series Modern Frontend Development. Hiện nay các AI tools có thể gợi ý và quyết định giúp bạn toàn bộ frontend architecture chỉ trong vài phút, nhưng câu trả lời nhanh nhất không phải lúc nào cũng là câu trả lời đúng cho thứ bạn đang build.

Trong bài này, chúng ta sẽ đi qua 3 frontend architecture phổ biến cho 1 React app: SPA + API Server, full-stack frameworks, và micro-frontends với BFFs, rồi so sánh chúng dựa trên các yếu tố thực tế như team size, nhu cầu SEO, và chi phí deployment để bạn chọn được cái phù hợp nhất.

Yêu cầu

  • Có kinh nghiệm build React applications
  • Hiểu cơ bản về REST APIs và client-server communication
  • Phần 1 (React Rendering Strategies) được khuyến khích nhưng không bắt buộc
PresentationLogicInfrastructureUI LayerRoutingThemei18nComponent LibraryAuthStateFormsAPI / Data LayerCacheStorageQueueCI / CDMonitoringDeploy

Architecture is how you arrange the pieces for your constraints.



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 Frontend Architecture 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.