Có gì hot? Tuần 33 - 2023

Tin vắn

• Chrome phát hành phiên bản 117 beta, với quá trời tính năng mới. Đáng chú ý là hỗ trợ chuyển động CSS khi element được thêm vào/ xóa khỏi cây DOM. Ngoài ra còn có CSS subgrid, hai phương thức mới Object.groupBy và Map.groupBy để chia các phần tử của một đối tượng iterable thành từng nhóm nhỏ, vân vân và mây mây.

• htmx thông báo tham gia vào Github Accelerator. Nếu đây là lần đầu tiên bạn nghe đến thì htmx là thư viện nhỏ gọn chỉ với 14kB gzipped, giúp gửi AJAX, làm CSS transitions, nhận dữ liệu WebSocket hay Server Sent Events, v.v. bằng cách thêm vào thuộc tính HTML. Với sự hỗ trợ từ Github, nhóm phát triển htmx có thể tập trung vào phiên bản 2.0 sắp tới.

• Từ phiên bản v20.6.0, Node.js sẽ hỗ trợ đọc tập tin biến môi trường .env mà không cần phải cài thêm thư viện thứ ba. Ngoài ra tính năng này cũng cho phép khai báo NODE_OPTIONS ngay trong tập tin .env, thay vì phải khai báo trong package.json.

• Framework Trái Chanh 🍋 của Deno vừa ra phiên bản 1.4, mang đến cơ chế dịch ahead-of-time, cải thiện hiệu năng khoảng 45-60%, hỗ trợ làm layout với thư mục _layout, và tè le tính năng khác.

Mới thấy trên quầy

Một vài thư viện/ công cụ hữu ích mà bọn mình mới phát hiện 😛

• SmolCSS: Tập hợp những đoạn CSS nhỏ để xây dựng layout và components, sử dụng những tính năng mới nhất của CSS.

• CSS Selectors: A Visual Guide: Mô tả trực quan các selectors trong CSS với ví dụ thực tế.

• HyperUI: Tập hợp các components được xây dựng bằng TailwindCSS và bạn chỉ cần copy vào dự án là xài được thôi.

• ricokahler/color2k: Thư viện giúp xử lý màu trong không gian sRBG chỉ có 2kB.

• servicer-labs/servicer là một giải pháp thay thế cho pm2 được viết bằng Rust. Tính năng cũng tương tự như pm2, giúp bạn quản lý các service trên systemd. Hiện tại chỉ đang hỗ trợ Linux, và dự định sẽ sớm có cho MacOS/ Windows.

• markwylde/servatron: Một CLI gọn nhẹ giúp bạn chạy web server trong một thư mục. Hỗ trợ HTTP2, tạo HTTPS, v.v.

Đọc/ xem gì cuối tuần

• Blogged Answers: My Experience Modernizing Packages to ESM: Mark “acemarke” Erikson, tác giả của rất nhiều thư viện của hệ sinh thái Redux, chia sẻ những nỗi đau khi chuyển đổi các thư viện này qua ESM.

• Everything I wish I knew before moving 50,000 lines of code to React Server Components: Darius Cepulis giới thiệu căn bản về RSC, những vấn đề nó giải quyết, và kinh nghiệm của team MUX khi chuyển qua RSC. Kết luận là nếu team của bạn chấp nhận những điểm đau đầu của RSC thì hãy “nhảy tàu”.

• Things you forgot (or never knew) because of React: Tiêu đề làm mình tưởng những khái niệm của nền tảng web mà mình quên/ không biết chỉ vì xài React thôi, nhưng hóa ra là về hooks, useEffect, và những tính năng khác của framework. Nhưng cũng đáng đọc.

• Chris’ Corner: React is Good, Bad, Old, Reliable, Stodgy, Stable, and Obsoleted: Chris Coyier, sáng lập của CodePen, chia sẻ góc nhìn về React và những ý kiến của cộng đồng về framework này trong thời gian gần đây. Sự xuất hiện của Million.js gần đây cải thiện tốc độ của React, nhưng vẫn còn đó những vấn đề về styling, cũng như DX của hooks.

• Stick to boring architecture for as long as possible: Như tiêu đề đã nói, lời khuyên của anh Addy Osmani là đừng vội nhảy tàu mà cái gì xài được cứ tiếp tục xài thôi.

Kết

Hẹn gặp lại các bạn trong tuần tiếp theo 👋