Tất cả chủ đề
Chủ đề

Frontend

Giao diện người dùng, React, Vue, Angular

13 bài viết

Tolaria — Quản lý knowledge base bằng Markdown như dân chuyên nghiệp
AI/ML
6 phút

Tolaria Quản lý knowledge base bằng Markdown như dân chuyên nghiệp

Tolaria là desktop app open source giúp quản lý knowledge base bằng markdown files, git-first, offline-first. Đây có thể là thứ bạn đang thiếu cho second brain.

#AI#Rust#Docker
Nguyen Nhat Long
6 phút
12 phút trước
Floci: Giã từ LocalStack, chào đón AWS emulator miễn phí thực sự
DevOps
6 phút

Floci: Giã từ LocalStack, chào đón AWS emulator miễn phí thực sự

LocalStack Community đã sunset. Floci là alternative mới — mã nguồn mở, không cần auth token, startup 24ms. Đây là lý do bạn nên thử ngay.

#Redis#CI/CD#AWS
Nguyen Nhat Long
6 phút
1
46 phút trước
Tại sao AI vẫn tệ với Front-end?
AI/ML
6 phút

Tại sao AI vẫn tệ với Front-end?

AI có thể generate cả thế giới 3D, video, hình ảnh — nhưng tại sao nó vẫn chật vật với CSS và UI bespoke? Cùng mổ xẻ lý do nhé.

#AI
Nguyen Nhat Long
6 phút
4
26 ngày trước
React App Chậm? Đây Là Cách Mình Xử Lý Sau 5 Năm Đau Khổ
Frontend
5 phút

React App Chậm? Đây Là Cách Mình Xử Lý Sau 5 Năm Đau Khổ

Tổng hợp thực chiến các kỹ thuật tối ưu hiệu suất React — từ re-render không cần thiết đến lazy loading, virtualization và build optimization.

#Next.js#React
Nguyen Nhat Long
5 phút
6
tháng trước
nextjs-vercel-adapter
Frontend
6 phút

Next.js 16.2 Adapter API: Chạy ở đâu cũng được, không còn bị lock-in Vercel

Next.js 16.2 ra mắt Adapter API ổn định, cho phép deploy lên bất kỳ platform nào với cùng một contract. Cùng tìm hiểu chuyện gì đang xảy ra.

#Vercel#AWS#Node.js
Nguyen Nhat Long
6 phút
5
tháng trước
Màn hình Sentry dashboard hiển thị một error với stack trace đã được de-minify: hiện đúng tên file gốc như app/page.tsx, đúng line number, có code context hiển thị đoạn code xung quanh dòng lỗi
Frontend
5 phút

Source maps trong Next.js + Sentry: Đọc stack trace như đọc code của mình

Hết thời nhìn stack trace toàn chunk vô nghĩa. Cách setup source maps cho Next.js với Sentry để debug production như debug local.

#JavaScript#Next.js#TypeScript
Nguyen Nhat Long
5 phút
1
tháng trước
So sánh khi nào nên và không nên dùng React memoization
Career
7 phút

Câu hỏi phỏng vấn Senior Frontend Engineer Và cách mình sẽ trả lời

Tổng hợp 25+ câu hỏi phỏng vấn React, TypeScript, JavaScript nâng cao kèm tips trả lời từ góc nhìn senior frontend engineer.

#React#Next.js#JavaScript
Nguyen Nhat Long
7 phút
12
tháng trước
A technical diagram showing version skew: on the left a browser with old JS bundle v1 sending a request, on the right a server running new code v2, a red X between them indicating mismatch, arrows showing failed request/response, clean flat design with dark background
Frontend
5 phút

Version Skew trong Next.js: Lỗi ngớ ngẩn mà ai cũng gặp

User click nút mà app lăn ra lỗi sau mỗi lần deploy? Đó là version skew. Đây là cách xử lý triệt để trên mọi nền tảng.

#Vercel#Next.js#CI/CD
Nguyen Nhat Long
5 phút
11
tháng trước
Sơ đồ kiến trúc 3 layer của Uber database
Frontend
6 phút

Uber đã trị database overload như thế nào: Từ rate-limiting tĩnh đến load manage

Uber giảm ~70% P99 latency nhờ chuyển từ quota-based rate limiting sang intelligent load manager sát storage layer. Bài học cho mọi hệ thống stateful database.

#MongoDB#Redis#PostgreSQL
Nguyen Nhat Long
6 phút
4
tháng trước
Minh họa event loop trong JavaScript: một vòng tròn trung tâm ghi "Event Loop" với các mũi tên kết nối đến Call Stack (hình chồng các khối), Microtask Queue (hàng đợi màu xanh chứa Promise), Macrotask Queue (hàng đợi màu cam chứa setTimeout), và Web APIs, nền tối, phong cách flat design hiện đại
Career
7 phút

30 khái niệm Frontend mà bạn phải nắm trước khi đi phỏng vấn

Frameworks thay đổi, tools tiến hóa, nhưng 30 concepts này cứ xuất hiện hoài trong mọi buổi phỏng vấn frontend. Nắm chắc chúng, bạn sẽ khác biệt.

#Node.js#JavaScript#React
Nguyen Nhat Long
7 phút
6
tháng trước
A split-screen comparison diagram: left side shows Next.js 13, 14, 15 as stacked layers with conflicting arrows representing changing caching strategies and mental models, right side shows a clean single-layer architecture with consistent patterns, dark background with orange and blue accent colors, flat modern design
Review
6 phút

TanStack Start — Khi Next.js không còn là lựa chọn mặc định

Next.js đã thống trị 5 năm qua, nhưng sự phức tạp ngày càng tăng khiến nhiều dev tìm kiếm lựa chọn khác. TanStack Start có phải là câu trả lời?

#Vercel#JavaScript#Next.js
Nguyen Nhat Long
6 phút
6
tháng trước
A clean technical diagram showing TanStack Start architecture: Vite as the build layer at the bottom, TanStack Router in the middle handling route definitions, and components at the top with arrows showing SSR and CSR paths branching from each route, using a dark background with green and cyan accent colors, modern flat design style
Backend
6 phút

Docker cho người mới: Hiểu đúng, dùng đúng từ ngày đầu

Tất cả những gì bạn cần biết về Docker để bắt đầu — không lý thuyết suông, có ví dụ thực tế và góc nhìn từ người đã dùng Docker hàng ngày.

#Redis#AWS#Go
Nguyen Nhat Long
6 phút
9
tháng trước
Frontend
5 phút

Setup NGINX + Next.js Standalone: Hướng dẫn từ thực chiến

Hướng dẫn chi tiết cách setup NGINX làm reverse proxy cho Next.js standalone mode, kèm tips từ kinh nghiệm deploy thực tế.

#Node.js#Next.js
Nguyen Nhat Long
5 phút
12
tháng trước