NF
Tailwind v4: Những thay đổi quan trọng và cách migrate
Tailwind CSS v4 viết lại engine hoàn toàn, chuyển sang CSS-first config, nhanh hơn 10x. Đây là những breaking changes quan trọng và cách migrate từ v3.
Admin·10 tháng 3, 2026·5 min read
Cập nhật hàng ngày cho Frontend Engineer Việt Nam
Tailwind CSS v4 viết lại engine hoàn toàn, chuyển sang CSS-first config, nhanh hơn 10x. Đây là những breaking changes quan trọng và cách migrate từ v3.
A well-configured GitHub Actions pipeline catches bugs before production, automates deployments, and maintains code quality without manual work. Build the complete frontend CI/CD pipeline.
A perfect Lighthouse score is achievable with the right architecture. Learn the specific techniques that move each metric from yellow to green — and how to prevent regressions.
Prisma makes database access easy, but easy doesn't mean fast. Learn how to identify slow queries, use select/include strategically, and avoid the N+1 trap.
Phân tích chi tiết Edge Runtime — ưu nhược điểm, use cases phù hợp, và những trường hợp nên stick với Node.js runtime.
AI-enhanced forms can adapt questions based on answers, auto-fill from context, and validate intelligently. Learn to build smart forms with Fillout and custom AI logic in Next.js.
How React 19 Actions and useActionState replace the verbose useReducer pattern for form handling and async state management.
ECMAScript 2026 is packed with features that change how you write JavaScript. From Iterator Helpers to Record and Tuple, here is what is landing and how to use it today.
Playwright isn't just for full-page E2E tests anymore. Learn how to use Playwright's component testing to test React components in a real browser with real rendering — no jsdom required.
Learn how to set up Claude Code hooks to automatically review your frontend code on every commit. Catch accessibility issues, performance anti-patterns, and React best practice violations before they reach PR review.
Tìm hiểu useOptimistic hook mới trong React 19 — cách implement optimistic UI đúng cách, kèm ví dụ like button và comment form.
React Suspense with streaming SSR lets you send HTML progressively, improving perceived performance. Learn how to combine Server Components, Suspense, and streaming to dramatically reduce TTFB.
Chia sẻ workflow pair programming với AI mà mình dùng hàng ngày. Từ cách phân chia công việc đến khi nào nên để AI lead, khi nào bạn nên lead.