You're Using React Compound Components Wrong

Exact – a new cross platform UI framework

Contribute to expo/exact development by creating an account on GitHub.

What AI Gets Wrong About the Front End, and Why You Still Need to Know

AI coding assistants can produce a visually convincing React carousel that fails basic keyboard accessibility. A div with an onClick handler looks right in a demo but sits outside the Tab sequence and has no native button semantics. The fix uses real button elements with Enter and Space support, keeps focus on the activated control, and announces changes via a role='status' message. The piece recommends writing explicit acceptance criteria, like keyboard and screen reader behavior, into AI prompts and running manual keyboard tests afterward.

TanStack Charts 1.0

TanStack Charts 1.0 là thư viện charting hiện đại, cung cấp giải pháp thay thế cho các framework cũ như D3.js hay Chart.js. Được xây dựng trên nền tảng React hooks, nó mang đến hiệu suất vượt trội với thời gian render chỉ 16ms cho dataset 10,000 điểm dữ liệu. Thư viện này hỗ trợ cả React và vanilla JS, phù hợp với mọi dự án từ nhỏ đến lớn. Đáng chú ý, TanStack Charts cho phép tùy biến linh hoạt mà không cần phụ thuộc vào các UI framework cụ thể, giúp tránh được vấn đề vendor lock-in.

TanStack Charts 1.0 mang đến giải pháp biểu đồ linh hoạt giúp bạn phát triển ứng dụng mà không cần thay đổi thư viện.

Introducing Motion UI Gallery

Motion UI Gallery là một thư viện UI cho React với 8 bố cục 2D và 3D, các chi tiết view và gesture chuyển tiếp mượt mà. Thư viện này giải quyết nhu cầu tạo giao động hình học phức tạp mà không cần code thủ công. Các hiệu ứng này giúp nâng cao trải nghiệm người dùng và tạo ra cảm giác ứng dụng hiện đại, sống động. Đối với lập trình viên, đây là giải pháp tiết kiệm thời gian triển khai animation chất lượng cao. Bạn sẽ tiết kiệm đáng kể thời gian phát triển so với việc tự implement các transition phức tạp từ đầu.

Motion UI Gallery cung cấp tám hiệu ứng 2D và 3D chuyển tiếp mượt mà giúp nâng cao trải nghiệm người dùng trong ứng dụng React của bạn.

tsc-ts: TypeScript written in TypeScript

Dự án tsc-ts triển khai trình biên dịch TypeScript hoàn toàn bằng TypeScript, tạo ra một bản sao song song với bản gốc Microsoft tsc. Triển khai này tận dụng TypeScript 5.4 để biên dịch chính nó, cho thấy khả năng tự hosting ngôn ngữ. Dự án có thể thay đổi cách chúng ta tương tác với trình biên dịch, nhưng hiện tại chỉ ở giai đoạn experimental. Bạn có thể theo dõi tiến trình tại GitHub để hiểu rõ hơn về cách triển khai này hoạt động và những thách thức kỹ thuật gặp phải.

Lập trình viên nên đọc bài này để khám triển khai TypeScript hoàn toàn bằng TypeScript mở ra khả năng tương thích và cải tiến mã nguồn.

Web-Based Event Dispatching, Variable Fonts, SceneDelegate, no breaking changes · React Native

React Native 0.88 giới thiệu Web-Based Event Dispatching giúp cải thiện hiệu suất xử lý sự kiện trên web. Bản cập nhật này hỗ trợ Variable Fonts, cho phép lập trình viên sử dụng font linh hoạt với nhiều trọng lượng và độ dày trong cùng một file font. Thay đổi quan trọng nhất là SceneDelegate API, giúp quản lý lifecycle của ứng dụng một cách hiệu quả hơn trong iOS. Những cập nhật này mang lại trải nghiệm người dùng mượt mà hơn mà không phá vỡ compatibility với ứng dụng hiện tại.

Bài viết này giúp lập trình viên nắm bắt các cập nhật mới nhất trong React Native 0.88 để tối ưu hóa hiệu suất và trải nghiệm người dùng.

Show HN: WhatsApp MCP running free on Cloudflare

WhatsApp MCP là một server đọc-only cho phép AI agent truy cập và tìm kiếm tin nhắn WhatsApp cá nhân. Dự án được triển khai hoàn toàn trên nền tảng Cloudflare Workers, tận dụng serverless computing để tối ưu chi phí và hiệu năng. Giải pháp này sử dụng WhatsApp Web API để truy cập tin nhắn mà không cần yêu cầu quyền viết, đảm bảo bảo mật dữ liệu người dùng. Điều đáng học hỏi ở đây là cách một MCP server có thể tích hợp liền mạch với nền tảng Cloudflare để tạo ra ứng dụng hữu ích với chi phí vận hành cực thấp.

WhatsApp MCP chạy miễn phí trên Cloudflare cho phép AI agent tìm kiếm và đọc tin nhắn WhatsApp của bạn.

React 19.3 – React

React 19.3 đã chính thức phát hành, ổn định hóa hai API thử nghiệm là View Transitions và Fragment Refs. Component mới <ViewTransition> cho phép animate các phần tử vào, ra, di chuyển hoặc thay đổi kích thước bằng API View Transition của trình duyệt, với hỗ trợ animation tùy chỉnh qua addTransitionType và tích hợp Suspense để đồng bộ fallback, images và fonts. Fragment Refs cho phép gắn behaviors DOM vào nhóm sibling elements mà không cần wrapper div bằng cách truyền ref vào Fragment. React DOM bổ sung API browser() để loại bỏ components khỏi server-side rendering khi chúng phụ thuộc vào browser APIs, cùng với Trusted Types support để chống XSS. Server Components giờ có thể render Context trực tiếp từ module 'use client' mà không cần wrapper Provider.

React 19.3 mang đến hai API ổn định View Transitions và Fragment Refs giúp cải thiện hiệu năng và trải nghiệm người dùng khi làm việc với các giao động và xử lý DOM.