Đi tới nội dung

Hệ thống & kiến trúc

#architecture

10 bài viết gắn thẻ #architecture trên DiCodeWeb, từ nền tảng đến production, mới nhất trước.

10 bàiCập nhật 11 thg 10, 2026

Bài viết

Threat modeling cho team sản phẩm: STRIDE, sơ đồ luồng dữ liệu và ranh giới tin cậy, từ buổi họp 60 phút tới ticket

Cách mình chạy threat modeling thực tế cho một team sản phẩm: bốn câu hỏi, vẽ DFD với trust boundary, đi STRIDE từng phần tử trên một hệ thống thật có SPA, API, Postgres, S3, webhook thanh toán và admin panel, chấm rủi ro đơn giản, biến threat thành ticket và giữ threat model sống trong repo.

Hệ thống & kiến trúc26 phút

Event Storming thực chiến: từ bức tường sticky note đến bounded context, aggregate và code NestJS

Event Storming là cầu nối giữa phân tích nghiệp vụ và thiết kế phần mềm. Bài này đi qua ba cấp độ workshop, ngữ pháp sticky note, cách điều phối, một ví dụ đặt lịch khám thật, cách tìm bounded context, context mapping và biến kết quả thành aggregate, command, event trong NestJS.

Hệ thống & kiến trúc27 phút

Micro-frontends nói thật: khi nào đáng làm, Module Federation 2.0 chạy ra sao và cái giá phải trả

Micro-frontends giải quyết bài toán tổ chức — nhiều team deploy độc lập — chứ không phải bài toán kỹ thuật. Bài này so sánh năm cách ghép frontend, đi sâu vào Module Federation 2.0 (shared singleton, version skew, manifest, type, fallback) và chỉ ra khi nào một monorepo Turborepo là câu trả lời tốt hơn.

Hệ thống & kiến trúc22 phút

Mô hình tư duy đúng cho React Server Components: hai module graph, một ranh giới

"use client" không đánh dấu loại component mà đánh dấu điểm bắt đầu của client graph. Bài này dựng lại mô hình tư duy cho RSC trong Next.js 16: thứ gì đi qua ranh giới, data fetching đặt ở đâu, waterfall, streaming và những lỗi khiến bundle phình hoặc lộ dữ liệu.

Frontend & giao diện19 phút

Signals và fine-grained reactivity: cơ chế bên dưới và khi nào thật sự cần

Signals theo dõi dependency thế nào, vì sao push-pull cho cập nhật không bị glitch, Solid, Preact, Angular và Vue dùng chúng ra sao, đề xuất TC39 đang ở đâu, React Compiler thay đổi được gì, và những cái bẫy khi chạy production — kèm một bản cài đặt signal nhỏ bằng TypeScript.

Hệ thống & kiến trúc9 phút

Feature flag ở frontend: phân loại, đánh giá, rollout và dọn dẹp

Feature flag giúp tách deploy khỏi release, nhưng dùng sai thì thành nợ kỹ thuật và giao diện nhấp nháy. Bài này đi qua bốn loại flag, đánh giá flag ở server hay client, định nghĩa flag có kiểu bằng TypeScript, rollout dần, A/B test và quy trình dọn flag.

Hệ thống & kiến trúc8 phút

State machine cho UI: loại bỏ những trạng thái không thể xảy ra

Vì sao isLoading, isError và data cùng tồn tại là mầm mống của bug, cách mô hình hoá UI bằng trạng thái và sự kiện, một state machine có type bằng useReducer cho luồng submit form, và khi nào nên dùng thư viện statechart.

Hệ thống & kiến trúc7 phút
Tất cả thẻ