A frontend engineer and systems architect. This is my digital lab where I document my thoughts on modern web development, performance metrics, and architectural patterns.https://jvinhit.github.io/enhttps://jvinhit.github.io/blog/agent-architecture-deep-dive/https://jvinhit.github.io/blog/agent-architecture-deep-dive/Mổ xẻ kiến trúc bên trong 1 AI agent: agent loop, tool use mechanics, 3 tầng memory, planning patterns (ReAct, Plan-and-Execute, Tree of Thoughts), multi-agent system, và 7 cạm bẫy phổ biến.Thu, 30 Apr 2026 00:00:00 GMTaiagentarchitecturellmtool-useplanninghttps://jvinhit.github.io/blog/ai-agent-workflow-putting-it-all-together/https://jvinhit.github.io/blog/ai-agent-workflow-putting-it-all-together/Case study end-to-end: implement reading progress indicator cho blog Astro. Đi qua đủ 4 pha (Plan → Scaffold → Build → Polish), dùng Rules + Skills + Sub-agent, review AI output, debug 1 edge case thật. Khép lại series Coding Agents.Thu, 30 Apr 2026 00:00:00 GMTaicoding-agentcase-studyworkflowproductivityhttps://jvinhit.github.io/blog/ai-hallucination-and-how-to-spot-it/https://jvinhit.github.io/blog/ai-hallucination-and-how-to-spot-it/Hallucination không phải bug mà là bản chất của next-token prediction. Bài đi sâu vào 4 cơ chế gây hallucinate, taxonomy 6 dạng dev thường gặp, và pyramid 6 tầng phòng thủ từ type-check đến human review.Thu, 30 Apr 2026 00:00:00 GMTaillmhallucinationverificationproductivityhttps://jvinhit.github.io/blog/ai-safety-alignment-fundamentals/https://jvinhit.github.io/blog/ai-safety-alignment-fundamentals/Mổ xẻ alignment LLM: RLHF process step-by-step, Constitutional AI của Anthropic, DPO, jailbreak techniques (prompt injection, DAN, encoding attacks), red teaming, và checklist defense practical cho production AI app.Thu, 30 Apr 2026 00:00:00 GMTaisafetyalignmentrlhfjailbreaksecurityllmhttps://jvinhit.github.io/blog/ai-tokens-and-pricing-explained/https://jvinhit.github.io/blog/ai-tokens-and-pricing-explained/Token là đơn vị compression, đơn vị suy nghĩ, và đơn vị tính tiền của LLM. Bài đi sâu BPE tokenization, tiếng Việt đắt 2-3x, thinking tokens, và framework chọn subscription vs API.Thu, 30 Apr 2026 00:00:00 GMTaillmtokenspricingcost-optimizationproductivityhttps://jvinhit.github.io/blog/browser-observer-apis-deep-dive/https://jvinhit.github.io/blog/browser-observer-apis-deep-dive/Đào sâu Observer pattern trong browser: MutationObserver theo dõi DOM, ResizeObserver bắt resize, IntersectionObserver, PerformanceObserver, ReportingObserver — concept, use case production, pitfall, memory cleanup.Thu, 30 Apr 2026 00:00:00 GMTjavascriptbrowser-apiperformancefrontenddomhttps://jvinhit.github.io/blog/css-performance-deep-dive/https://jvinhit.github.io/blog/css-performance-deep-dive/Đi sâu vào cách browser xử lý CSS, chi phí của Layout/Paint/Composite, critical CSS, containment, content-visibility, GPU acceleration, và mọi kỹ thuật giúp CSS không còn là nút thắt performance.Thu, 30 Apr 2026 00:00:00 GMTperformancecssweb-vitalsfrontendrenderinghttps://jvinhit.github.io/blog/cursor-skills-beginner-guide/https://jvinhit.github.io/blog/cursor-skills-beginner-guide/Skill là gì, khác prompt/rule ra sao, cách viết SKILL.md chuẩn, frontmatter, progressive disclosure, và những sai lầm phổ biến khi lần đầu tạo skill cho Cursor AI agent.Thu, 30 Apr 2026 00:00:00 GMTcursorai-agentskillsworkflowproductivityhttps://jvinhit.github.io/blog/cursor-rules-guide/https://jvinhit.github.io/blog/cursor-rules-guide/Rule là gì, khác Skill ra sao, 3 loại scope (alwaysApply / globs / manual), cấu trúc .mdc file, best practices viết rule ngắn-chất, và 6 rule mẫu sẵn dùng cho project TypeScript/frontend.Thu, 30 Apr 2026 00:00:00 GMTcursorai-agentrulescoding-standardsworkflowhttps://jvinhit.github.io/blog/cursor-sub-agents-guide/https://jvinhit.github.io/blog/cursor-sub-agents-guide/Sub-agent là gì, vì sao cần, các loại subagent trong Cursor (generalPurpose, explore, shell...), cách delegate đúng cách, pattern song song vs tuần tự, và những sai lầm làm parent agent "nổ" context.Thu, 30 Apr 2026 00:00:00 GMTcursorai-agentsub-agentsworkflowcontext-managementhttps://jvinhit.github.io/blog/customizing-ai-agents/https://jvinhit.github.io/blog/customizing-ai-agents/Customization stack 5 tầng: Rules, Skills, MCP, Sub-agents, Hooks. Chiến lược progressive customization, khi nào team-share và khi nào giữ personal, và cách maintain để config không biến thành technical debt sau 6 tháng.Thu, 30 Apr 2026 00:00:00 GMTaicoding-agentcustomizationproductivityworkflowhttps://jvinhit.github.io/blog/developing-features-with-ai/https://jvinhit.github.io/blog/developing-features-with-ai/Workflow 4 pha để ship feature với AI agent: từ ticket mơ hồ đến PR merge. Nguyên tắc decomposition, spec-first, vertical slice, và những prompt template dùng đi dùng lại cho scaffold + review.Thu, 30 Apr 2026 00:00:00 GMTaicoding-agentfeature-developmentworkflowproductivityhttps://jvinhit.github.io/blog/finding-and-fixing-bugs-with-ai/https://jvinhit.github.io/blog/finding-and-fixing-bugs-with-ai/Cấu trúc debug với AI: reproduce trước, hypothesis sau, fix cuối. Kỹ thuật minimal repro, git bisect với AI, stacktrace decoding, heisenbug hunting, và lý do vì sao AI thường fix sai khi bạn chưa verify cause.Thu, 30 Apr 2026 00:00:00 GMTaicoding-agentdebuggingworkflowproductivityhttps://jvinhit.github.io/blog/fine-tuning-llm-basics/https://jvinhit.github.io/blog/fine-tuning-llm-basics/Fine-tuning vs prompt vs RAG — quyết định framework. 4 loại fine-tune (full, LoRA, QLoRA, instruction tuning), data preparation, cost analysis, và 6 cạm bẫy phổ biến (overfitting, catastrophic forgetting).Thu, 30 Apr 2026 00:00:00 GMTaillmfine-tuningloratrainingmachine-learninghttps://jvinhit.github.io/blog/frontend-file-upload-validation-magic-numbers/https://jvinhit.github.io/blog/frontend-file-upload-validation-magic-numbers/Frontend validation đẹp nhưng dễ bypass. Bài này đào sâu magic number, cấu trúc PNG, detect executable bằng TypeScript, polyglot file, và defense in depth đúng cách.Thu, 30 Apr 2026 00:00:00 GMTsecurityjavascriptfile-uploadweb-securitytypescripthttps://jvinhit.github.io/blog/frontend-caching-deep-dive/https://jvinhit.github.io/blog/frontend-caching-deep-dive/Đào sâu các tầng cache giữa user và origin: cache headers, browser memory/disk/bfcache, CDN edge, reverse proxy, Service Worker, và mọi pitfall thường gặp.Thu, 30 Apr 2026 00:00:00 GMTperformancecachinghttpcdnweb-vitalsfrontendhttps://jvinhit.github.io/blog/frontend-seo-deep-dive/https://jvinhit.github.io/blog/frontend-seo-deep-dive/Toàn cảnh SEO cho frontend engineer: cách Googlebot crawl & render 2-wave, robots.txt và sitemap, meta/OG/JSON-LD, canonical & hreflang, Web Vitals, spectrum CSR/SSR/SSG/ISR, vì sao SPA React dễ tàng hình và prerender giải quyết ra sao.Thu, 30 Apr 2026 00:00:00 GMTseofrontendreactperformanceweb-vitalshttps://jvinhit.github.io/blog/history-of-ai-from-perceptron-to-llm/https://jvinhit.github.io/blog/history-of-ai-from-perceptron-to-llm/Hành trình 70 năm của AI qua 7 era: symbolic AI, expert systems, statistical learning, deep learning, transformer, LLM, đến reasoning + agentic. Mỗi era có winter và breakthrough — bài học cho dev hôm nay.Thu, 30 Apr 2026 00:00:00 GMTaihistorymachine-learningdeep-learningllmtransformerhttps://jvinhit.github.io/blog/infinite-scroll-and-virtual-scroll-deep-dive/https://jvinhit.github.io/blog/infinite-scroll-and-virtual-scroll-deep-dive/Đào sâu cách render danh sách dài: pagination vs infinite scroll vs virtual scroll, sentinel pattern với IntersectionObserver, fixed/variable-height windowing, bidirectional list (chat, feed), và mọi pitfall production.Thu, 30 Apr 2026 00:00:00 GMTperformancefrontendreactscrollweb-vitalshttps://jvinhit.github.io/blog/llm-cost-optimization-patterns/https://jvinhit.github.io/blog/llm-cost-optimization-patterns/Pattern thực chiến giảm chi phí LLM ở scale: prompt caching, semantic cache, model routing, distillation, batch API, quantization, streaming + early stop, và framework đo ROI khi self-host.Thu, 30 Apr 2026 00:00:00 GMTaillmcost-optimizationproductionperformancescalinghttps://jvinhit.github.io/blog/llm-models-comparison-guide/https://jvinhit.github.io/blog/llm-models-comparison-guide/7 dimension đánh giá model LLM, so sánh thực chiến Claude/GPT/Gemini/Llama family đầu 2026, thinking model vs regular, open-source vs proprietary, và decision framework để chọn model đúng task theo chi phí + chất lượng.Thu, 30 Apr 2026 00:00:00 GMTaillmmodelscomparisonclaudegptgeminiproductivityhttps://jvinhit.github.io/blog/llm-prompting-fundamentals/https://jvinhit.github.io/blog/llm-prompting-fundamentals/3 tầng của prompt (system/user/assistant), 6 nguyên tắc viết prompt hiệu quả, sampling parameters (temperature, top-p, top-k, stopping criteria), personalization qua system prompt, multi-turn strategy, và template tái dùng cho dev.Thu, 30 Apr 2026 00:00:00 GMTaillmprompt-engineeringproductivityworkflowhttps://jvinhit.github.io/blog/llm-tokenization-and-sampling-deep-dive/https://jvinhit.github.io/blog/llm-tokenization-and-sampling-deep-dive/4 cơ chế kỹ thuật mà dev nào dùng LLM cũng nên hiểu sâu: BPE tokenization step-by-step, math của temperature scaling, top-p (nucleus) vs top-k sampling, sampling pipeline hoàn chỉnh, và parameter cheatsheet.Thu, 30 Apr 2026 00:00:00 GMTaillmtokenizationsamplingtemperaturefundamentalshttps://jvinhit.github.io/blog/multimodal-llm-vision-audio-video/https://jvinhit.github.io/blog/multimodal-llm-vision-audio-video/Bên trong vision-language model (CLIP, ViT, patch tokenization), audio (Whisper, native audio LLM), video (Gemini 2.0+), 3 architecture pattern (early/late/cross fusion), use case practical, và 7 limitation cần biết.Thu, 30 Apr 2026 00:00:00 GMTaimultimodalvisionaudiovideollmcomputer-visionhttps://jvinhit.github.io/blog/open-source-llm-ecosystem/https://jvinhit.github.io/blog/open-source-llm-ecosystem/Tổng quan ecosystem LLM open weight 2026: 5 family chính, công cụ chạy local (Ollama, LM Studio, vLLM, llama.cpp), quantization formats (GGUF/GPTQ/AWQ), license gotcha, và hardware budget từ laptop đến cluster.Thu, 30 Apr 2026 00:00:00 GMTaillmopen-sourcellamamistralself-hostlocal-llmhttps://jvinhit.github.io/blog/rag-retrieval-augmented-generation-guide/https://jvinhit.github.io/blog/rag-retrieval-augmented-generation-guide/Mổ xẻ RAG: indexing pipeline, embeddings, vector DB, chunking strategies, retrieval (dense/sparse/hybrid), reranking, 8 failure mode phổ biến, và quyết định khi nào dùng RAG vs long context vs fine-tuning.Thu, 30 Apr 2026 00:00:00 GMTairagvector-databaseembeddingsllmarchitecturehttps://jvinhit.github.io/blog/reviewing-and-testing-code-with-ai/https://jvinhit.github.io/blog/reviewing-and-testing-code-with-ai/Review code AI sinh ra sao cho không bị lừa, self-review trước PR, test pyramid với AI, generate test không phải generate coverage giả, flaky test hunting, và checklist review chi tiết dùng được ngay.Thu, 30 Apr 2026 00:00:00 GMTaicoding-agentcode-reviewtestingworkflowproductivityhttps://jvinhit.github.io/blog/understanding-codebase-with-ai/https://jvinhit.github.io/blog/understanding-codebase-with-ai/Chiến lược dùng AI để onboard codebase lớn: bird-eye view trước, entry-point mapping, dependency tracing, git history archaeology. So sánh với đọc code tuần tự và grep thủ công — thứ đã cũ từ 2023.Thu, 30 Apr 2026 00:00:00 GMTaicoding-agentcodebaseonboardingworkflowproductivityhttps://jvinhit.github.io/blog/vector-embeddings-deep-dive/https://jvinhit.github.io/blog/vector-embeddings-deep-dive/Mổ xẻ embedding từ Word2Vec đến text-embedding-3: hình học của ý nghĩa, distance metrics, evaluation MTEB, visualization (PCA/t-SNE/UMAP), multimodal CLIP, và 6 cạm bẫy practical (anisotropy, drift, dimensionality).Thu, 30 Apr 2026 00:00:00 GMTaiembeddingsvectornlpmachine-learningraghttps://jvinhit.github.io/blog/working-with-coding-agents/https://jvinhit.github.io/blog/working-with-coding-agents/Coding agent khác autocomplete ở chỗ nào, agent loop (observe-think-act) hoạt động ra sao, 4 level autonomy, khi nào để agent tự chạy vs khi nào human-in-the-loop, và những sai lầm của dev mới chuyển sang workflow agent-based.Thu, 30 Apr 2026 00:00:00 GMTaicoding-agentcursorclaude-codeworkflowproductivityhttps://jvinhit.github.io/blog/github-pages-actions-deep-dive/https://jvinhit.github.io/blog/github-pages-actions-deep-dive/Hiểu rõ cách GitHub Pages deploy site qua Actions, 3 loại storage tách biệt, các soft/hard limit thực tế, URL structure (user vs project vs custom domain), và khi nào nên migrate sang Cloudflare/Vercel.Wed, 29 Apr 2026 00:00:00 GMTgithub-pagesdeploymentci-cdgithub-actionsdevopshttps://jvinhit.github.io/blog/optimizing-external-fonts/https://jvinhit.github.io/blog/optimizing-external-fonts/Từ font-display, preconnect, preload, self-host, subsetting, variable fonts đến metric-compatible fallback — các kỹ thuật thực chiến giúp loại bỏ FOUT/FOIT và cải thiện LCP/CLS khi dùng webfont bên ngoài.Wed, 29 Apr 2026 00:00:00 GMTperformancefontsweb-vitalsfrontendcsshttps://jvinhit.github.io/blog/mcp-model-context-protocol-architecture/https://jvinhit.github.io/blog/mcp-model-context-protocol-architecture/Tìm hiểu về MCP - chuẩn kết nối mở cho AI Agents như Claude, Cursor, Copilot: transport layer, JSON-RPC 2.0, primitives và sơ đồ kiến trúc đầy đủ.Sat, 25 Apr 2026 00:00:00 GMTmcpmodel-context-protocolaicursorclaudecopilothttps://jvinhit.github.io/blog/scaling-micro-frontends/https://jvinhit.github.io/blog/scaling-micro-frontends/An exploration of Module Federation, shared state management, and breaking down monolithic UI architectures for enterprise scale applications.Mon, 18 Nov 2024 00:00:00 GMTarchitecturefrontendmodule-federationhttps://jvinhit.github.io/blog/deconstructing-virtual-dom/https://jvinhit.github.io/blog/deconstructing-virtual-dom/Why fine-grained reactivity will eventually replace diffing algorithms in modern frameworks — and what that means for the libraries you ship today.Tue, 22 Oct 2024 00:00:00 GMTreactreactivityperformancehttps://jvinhit.github.io/blog/rust-in-the-frontend-build/https://jvinhit.github.io/blog/rust-in-the-frontend-build/How SWC and Turbopack are fundamentally changing frontend tooling performance — a lap around the toolchain as of late 2024.Tue, 03 Sep 2024 00:00:00 GMTtoolingrustbuild