Dressed to Ship

Level Up Your React Skills with Typescript

Bài hướng dẫn miễn phí trên freeCodeCamp dạy cách kết hợp TypeScript với React, bao gồm các khái niệm cơ bản về TypeScript, cách gán kiểu cho useState, xây dựng cấu trúc component với kiểu props tùy chỉnh, và truyền function props đã được gõ kiểu giữa các component. Khóa học hướng dẫn chuyển đổi một dự án thực tế sang dạng type-safe, giúp cải thiện khả năng đọc hiểu và bảo trì, với video dài 1 giờ trên YouTube.

Lập trình viên React nên đọc bài này để nâng cao kỹ năng TypeScript trong việc phát triển ứng dụng React một cách chính xác, tránh lỗi runtime và tăng hiệu suất phát triển nhờ tính toàn diện về kiểu dữ liệu.

First-party analytics with SQLite

Xây dựng hệ thống phân tích sản phẩm bằng bảng sự kiện SQLite trong D1 thay vì Google Analytics, bao gồm whitelisted events, server tracking, beacons và truy vấn funnel bằng SQL.

Lập trình viên nên đọc để khám phá cách xây dựng hệ thống phân tích sản phẩm tự chủ (first-party) bằng SQLite trong D1, giúp giảm phụ thuộc vào các công cụ bên ngoài như Google Analytics, tối ưu hóa quyền riêng tư và kiểm soát dữ liệu một cách hiệu quả.

Announcing TypeScript 7.0

TypeScript 7.0 ra mắt phiên bản biên dịch gốc bằng Go, cải thiện tốc độ build lên 8–12 lần và giảm đáng kể bộ nhớ sử dụng. Tính năng mới bao gồm kiểm tra kiểu song song, chế độ --watch được tái thiết kế, và hỗ trợ đầy đủ LSP cho trình soạn thảo. Phiên bản này loại bỏ các tùy chọn lỗi thời như es5, baseUrl, AMD/UMD, nhưng chưa tương thích với các framework nhúng do thiếu API lập trình.

Nếu bạn đang phát triển với TypeScript và muốn tối ưu hóa hiệu suất cho dự án, từ bỏ các tính năng cũ và nâng cấp công cụ tích hợp với IDE, hãy đọc để cập nhật những thay đổi quan trọng trong phiên bản mới nhất.

GitHub - floodtide/dom-docx: Convert semantic HTML fragments to native, editable Word documents (OOXML)

Thư viện dom-docx của GitHub chuyển đổi các đoạn HTML ngữ nghĩa thành tài liệu Word …

We compiled our TypeScript parser to WASM

Encore sử dụng một trình phân tích cú pháp Rust được biên dịch sang WASM để đọc cơ sở hạ tầng từ TypeScript, cho phép parser này chạy trên trình duyệt và cung cấp playground để tái hiện lỗi phân tích cú pháp.

Lập trình viên nên đọc bài này để hiểu cách chuyển đổi parser TypeScript sang WASM giúp tối ưu hiệu suất chạy trong môi trường web và cung cấp một công cụ mạnh mẽ để phát hiện lỗi parse trực tiếp trong trình chơi mã nguồn.

Wait Longer

Một nhà phát triển phát hiện lỗi ngắt quãng trong các bài kiểm tra specification TypeScript/Node.js, xảy ra 3-4 lần trên 1000 lần chạy. Sau khi gỡ lỗi, cô nhận ra setTimeout của Node.js có thể kích hoạt trước thời gian delay quy định, khác với JavaScript trên trình duyệt vốn đảm bảo thời gian chờ tối thiểu. Giải pháp là thay thế hàm chờ dựa trên setTimeout bằng vòng lặp polling kiểm tra performance.now() mỗi millisecond để đảm bảo thời gian trôi qua đủ.

Lập trình viên cần đọc bài này vì nó giải thích cách Node.js xử lý setTimeout khác với JavaScript trong trình duyệt, khiến các delay không chính xác dẫn đến lỗi kiểm tra không đáng có.

Why default Tailwind is not always an accessible choice

Tailwind CSS mặc định dùng breakpoint dựa trên rem, khiến layout thay đổi bất ngờ khi người dùng điều chỉnh cỡ chữ mặc định của trình duyệt, trong khi breakpoint px vẫn ổn định. Mặc dù rem tốt hơn cho người đọc có nhu cầu phóng to chữ, nhưng nó kém dự đoán hơn và không nhất thiết tuân WCAG 1.4.4 như zoom trang. Nhà phát triển nên chủ động chọn giữa rem hay px dựa trên đối tượng người dùng mục tiêu.

Lập trình viên nên đọc bài này để hiểu cách Tailwind CSS ảnh hưởng đến tính khả dụng (accessibility) khi sử dụng breakpoints rem mặc định, giúp họ lựa chọn giữa rem và px một cách thông minh để phù hợp với nhu cầu người dùng thay đổi font mặc định hoặc zoom trang web.