U

Upskills

  • Hướng dẫn
  • Demo
Đăng nhập
  1. Trang chủ
  2. Hướng dẫn
  3. Indie Dev Toolkit
Chuỗi bài hướng dẫn

Indie Dev Toolkit

Giới thiệu về bộ tech stack hiện đại dành cho indie full-stack dev. Hiểu sâu hơn cách sử dụng tools, frameworks để tự build product nhanh và hiệu quả.

Chương 1

NX Monorepo Guide

Hiểu rõ hơn về NX monorepo từ khái niệm kiến trúc đến thực hành. Học cách cấu trúc, xây dựng và mở rộng dự án của bạn một cách hiệu quả với NX.

17 phần

Giới thiệu về kiến trúc dự án NX

Tìm hiểu các khái niệm cốt lõi của NX monorepo, kiến trúc workspace, cách tổ chức thư viện và các NX commands phổ biến.

~1.5 giờBắt đầu Phần 1
28 phần

Xây dựng NX Workspace

Xây dựng NX workspace đầu tiên của bạn từ đầu với các bài tập thực hành về plugins, tasks và CI/CD.

~2 giờBắt đầu Phần 2
Chương 2

Modern Frontend Development with React

Hiểu rõ các rendering pattern của React (SPA, SSR, RSC), chọn architecture phù hợp với quy mô dự án, cùng với những library mình khuyên dùng cho state, forms, UI,... — dựa trên kinh nghiệm làm việc với nhiều dự án React qua nhiều năm.

16 phần

React Rendering Strategies

Hiểu quá trình phát triển React rendering từ SPA đến Server Components, và biết khi nào nên dùng mỗi pattern.

~1 giờBắt đầu Phần 1
26 phần

React Frontend Architecture

Hướng dẫn thực tế để chọn architecture và tools phù hợp cho React project.

~45 phútBắt đầu Phần 2
36 phần

React Client And Server State

Vạch rõ ranh giới giữa server state và client state, rồi đi sâu vào TanStack Query và Zustand và quy tắc để không bao giờ trộn lẫn chúng.

~75 phútBắt đầu Phần 3
45 phần

React Forms Done Right

Coi form là bài toán state trước tiên: schema-driven validation, controlled state predictability, async và cross-field checks, labels và errors accessible, và server-action submission không lệch khỏi client.

~60 phútBắt đầu Phần 4
55 phần

React Design Systems

Sở hữu design system bằng code: tokens là contract giữa design và code, oklch color và các scale tạo từ nó, cùng một theming architecture bạn tự build được trong React.

~55 phútBắt đầu Phần 5
6Sắp ra mắt

Sắp ra mắt: Auth Patterns

Đón chờ cập nhật mới
7Sắp ra mắt

Sắp ra mắt: Testing Strategy

Đón chờ cập nhật mới
8Sắp ra mắt

Sắp ra mắt: Production Readiness

Đón chờ cập nhật mới
9Sắp ra mắt

Sắp ra mắt: Observability & Analytics

Đón chờ cập nhật mới

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

Cộng đồng Upskills

Discord

Upskills

upskills.dev


Tham gia cộng đồng Discord để được hỗ trợ về các bài hướng dẫn và đặt câu hỏi.


Tham gia Discord

GitHub

@upskillsdev


Xem GitHub để tìm source code và gửi issues hoặc feature requests.


Đi đến GitHub
X

Vu Nguyen

@nphivu414


Theo dõi tôi trên X để nhận cập nhật và tin tức mới nhất về Upskills.


Theo dõi trên X

© 2026 Upskills. All rights reserved.

Chính sách bảo mậtĐiều khoản dịch vụ
DiscordX