Toàn bộ bài viết, ghi chép và hướng dẫn — tìm kiếm, lọc theo chủ đề và cấp độ, hoặc duyệt theo năm.
Hoặc đọc theo chuỗiMô hình mối đe doạ thực tế cho ứng dụng đặt LLM giữa tool và dữ liệu riêng tư: prompt injection trực tiếp và gián tiếp, lethal trifecta, và các design pattern giữ thiệt hại trong tầm kiểm soát, đối chiếu với OWASP Top 10 for LLM Applications.
MCP không phải phép màu, chỉ là một giao thức JSON-RPC được thiết kế tốt. Bài này giải thích host, client, server, các primitive và transport theo spec 2026-07-28, rồi dựng một server TypeScript chỉ đọc cho dữ liệu đơn hàng: thiết kế tool, phân trang, test bằng Inspector, OAuth cho remote server và những lỗ hổng bảo mật cần chặn.
Năm 2026 trình duyệt đã có sẵn những primitive mà trước đây phải nhờ Floating UI, Radix hay thư viện animation. Bài này đi qua popover, invoker commands, anchor positioning và View Transitions: chúng làm gì, kết hợp ra sao, hỗ trợ tới đâu và chỗ nào vẫn nên dùng thư viện.
Một thiết kế xác thực trung thực cho API NestJS và frontend Next.js: khi nào dùng session, khi nào dùng JWT, cách xoay vòng refresh token có phát hiện tái sử dụng, đăng nhập bằng passkey với SimpleWebAuthn, và các guard, rate limit, CSRF đi kèm.
Cách dựng background job trong NestJS 12 với BullMQ 6 sao cho không bao giờ lặng lẽ mất việc và không bao giờ trừ tiền khách hai lần: at-least-once và idempotency, transactional outbox, retry có phân loại lỗi, dead-letter, rate limit, graceful shutdown và observability.
Hiểu NestJS làm gì bên dưới — thứ tự middleware, guard, interceptor, pipe, filter; DI, scope và durable provider; dynamic module — để tổ chức một API lớn thành modular monolith sạch sẽ, có error model nhất quán, request context và graceful shutdown.
Next.js 16 bỏ kiểu cache ngầm của App Router cũ: mọi thứ dynamic theo mặc định, bạn tự chọn chỗ cần cache bằng use cache. Bài này đi qua static shell và dynamic hole, cache key, cacheLife, cacheTag với updateTag, revalidateTag, refresh, và một trang sản phẩm e-commerce làm từ đầu đến cuối.
Từ Nx s1ngularity, chalk/debug đến Shai-Hulud, TanStack và ChainDrop: các vụ tấn công npm thực sự đã làm gì, npm và GitHub đã thay đổi những gì, và một hệ phòng thủ nhiều lớp — install, CI, publish — áp dụng thẳng vào một monorepo Bun + Turborepo.
Demo RAG thì ai cũng dựng được trong một buổi chiều; làm cho nó trả lời đúng mới là phần khó. Bài này đi qua một pipeline RAG viết bằng TypeScript trên PostgreSQL/pgvector: chunking theo cấu trúc, hybrid search gộp bằng RRF trong một câu SQL, reranking, phân quyền trước khi xếp hạng, trích dẫn và cách đo chất lượng bằng con số.
Phần frontend mà các tutorial chat AI hay bỏ qua: chọn transport, tự parse SSE với event bị cắt giữa chunk, Route Handler giữ API key và huỷ ngược lên upstream, state theo message parts, gom render theo requestAnimationFrame, markdown tăng dần an toàn, autoscroll, accessibility và xử lý lỗi.
Một ô gợi ý tìm kiếm trông đơn giản nhưng gom đủ mọi bài toán khó của frontend: race condition, debounce, cache, trạng thái không nhấp nháy, WAI-ARIA combobox, gõ tiếng Việt bằng IME và cách test. Bài này xây từng phần bằng React + TypeScript.
Ba chỉ số Google dùng để đo trải nghiệm thật của người dùng — đo thế nào, được tính ra sao, vì sao ảnh hưởng SEO, và quy trình cụ thể để tìm đúng nguyên nhân rồi sửa.
Hiểu đúng mô hình event loop của trình duyệt — task, microtask, khung hình — qua các bài đoán thứ tự output, rồi dùng nó để giải thích vì sao UI bị đơ và cách chia nhỏ, nhường main thread, đẩy việc sang Web Worker.
React escape giúp bạn rất nhiều, nhưng không phải tất cả. Bài này đi qua những lỗ hổng XSS vẫn lọt qua React, cách dựng CSP nghiêm ngặt bằng nonce trong Next.js, Trusted Types, CSRF thời SameSite, chuyện lưu token ở đâu và cách chặn clickjacking.
Tự tay viết một virtual list bằng React + TypeScript: toán windowing với số liệu cụ thể, overscan, chiều cao thay đổi với prefix sum và binary search, đo bằng ResizeObserver, chống giật khi scroll, accessibility — và khi nào không nên virtualize.
Vì sao mình bắt đầu ghi lại những gì học được khi làm việc, định dạng đơn giản mình dùng, và cách ghi chép dần thành bài viết.
Chia token thành ba tầng, đặt tên theo mục đích, làm light/dark theme với prefers-color-scheme và lựa chọn của người dùng mà không bị nháy, color-scheme, map token vào @theme của Tailwind v4, kiểm tra contrast và những lỗi hay gặp.
Ứng dụng frontend dễ vỡ khi ta thiết kế từng trang một. Một cẩm nang ngắn để vẽ state, luồng dữ liệu và quyền sở hữu trước khi vẽ UI.
Font ảnh hưởng LCP và CLS ra sao, chọn font-display thế nào, preload font quan trọng, subset với unicode-range cho tiếng Việt, variable font, tự host hay dùng CDN, chỉnh metric font fallback và next/font trong Next.js.
Cập nhật lạc quan kèm rollback, outbox lưu trong IndexedDB, idempotency key, retry khi có mạng lại, các chiến lược giải quyết xung đột, hiển thị trạng thái đồng bộ và cách test kịch bản offline.
Thiết kế pipeline CI cho monorepo frontend dùng Bun và Turborepo: các bước cần có, cache dependency và kết quả build, chỉ chạy package bị ảnh hưởng, preview cho từng PR, required checks và giữ secrets an toàn.
Vì sao ước lượng gần như luôn sai, cách chia nhỏ công việc theo trạng thái, accessibility, responsive và i18n, dùng khoảng và độ tự tin thay cho một con số, khi nào cần spike, cách nói chuyện với PM và cách so sánh ước lượng với thực tế để giỏi dần lên.
Ba app Next.js, năm package dùng chung, một lockfile. Ghi chép về ranh giới, caching và những sai lầm mình sẽ tránh lần sau.
Conditional breakpoint, logpoint, DOM breakpoint, XHR/fetch breakpoint, các tiện ích console như debug(), monitorEvents(), $0, copy(), tab Network, Performance và local overrides — cùng quy trình bốn bước mình dùng để tìm ra nguyên nhân thay vì đoán.
Cache-Control, ETag, tên file có hash, s-maxage và stale-while-revalidate ở CDN, service worker, staleTime trong TanStack Query — mỗi lớp cache làm gì, nên đặt header thế nào cho từng loại tài nguyên, và những lỗi khiến người dùng thấy dữ liệu cũ.
Từ showModal(), top layer, ::backdrop đến quản lý focus, gắn nhãn, khoá cuộn, đóng khi bấm nền và dialog lồng nhau — kèm một component React nhỏ và cách tự kiểm tra bằng bàn phím và screen reader.
Không phải test càng nhiều càng tốt. Bài này là cách mình chia việc giữa unit, integration và e2e, viết test theo hành vi với Testing Library, mock network ở ranh giới, dùng Playwright, xử lý test chập chờn, và hiểu đúng con số coverage.
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ướng dẫn thực tế giúp giảm lượng JavaScript tải ban đầu bằng cách kết hợp lazy loading theo route và theo component.
Lên senior không phải là code nhanh hơn hay biết nhiều framework hơn. Đó là chuyển từ hoàn thành task sang chịu trách nhiệm cho kết quả. Bài này là những hành vi cụ thể, một bảng tự đánh giá, và các cái bẫy mình từng rơi vào.
React 19 đưa form về gần với HTML hơn: prop action, trạng thái pending, cập nhật optimistic và Server Actions. Bài này đi qua cách mình dựng một form đăng ký đầy đủ — validate hai phía, trả lỗi theo field, accessible, và chạy được cả trước khi JavaScript tải xong.
Điều gì khiến component render lại, vì sao re-render không đồng nghĩa với cập nhật DOM, cách đo bằng React DevTools Profiler, chi phí thật của memo/useMemo/useCallback, tách context, đặt state đúng chỗ, key trong danh sách, và React Compiler thay đổi bức tranh thế nào.
Vì sao media query theo viewport không còn đủ cho component tái sử dụng, cách dùng container-type, container có tên, đơn vị cqi, kết hợp clamp() và :has(), kèm một card responsive hoàn chỉnh và chiến lược fallback.
Phân loại lỗi trước khi xử lý, hiểu error boundary bắt được gì và không bắt được gì, retry đúng cách với backoff và jitter, tách thông báo cho người dùng khỏi log cho developer, và báo cáo lỗi mà không làm lộ dữ liệu cá nhân.
Review nên nhìn gì trước, viết comment sao cho người nhận học được thay vì tự ái, giữ PR nhỏ, xử lý bất đồng — và để máy lo phần format để con người tập trung vào thứ quan trọng.
Chọn định dạng nào, srcset và sizes giúp trình duyệt chọn ảnh ra sao, khi nào lazy và khi nào eager, giữ chỗ để tránh CLS, CDN ảnh, art direction với picture và cách dùng next/image trong Next.js 16.
Hiểu normal flow, block và inline, flexbox (một chiều, từ nội dung ra) và grid (hai chiều, từ layout vào), intrinsic sizing, vì sao min-width: 0 cứu flex item bị tràn — để viết layout bằng hiểu biết thay vì thử từng thuộc tính.
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.
Discriminated union, exhaustive switch với never, satisfies, branded type, as const và validate ở biên hệ thống — những pattern mình dùng hằng ngày vì chúng bắt được bug thật, kèm cả lúc nên dừng lại không type thêm nữa.
Những lợi ích về tốc độ và trải nghiệm phát triển hằng ngày khiến Bun trở thành trình quản lý gói mình chọn.
Vì sao sở hữu mã nguồn component tốt hơn cài một hộp đen — và shadcn/ui chọn đúng mức trừu tượng ở đâu.