#vite

Astro 7.0

Phiên bản Astro 7.0 tập trung tối ưu hiệu suất với tốc độ build nhanh hơn 15–61%, nhờ …

This Week In React #287: Fragment ref, React Compiler, StyleX, React Router, cnfast, Base UI, Remotion, React Aria

Tuần này giới thiệu nhiều cập nhật quan trọng trong hệ sinh thái React: Fragment ref (FragmentInstance) sắp ra mắt trong React v19.3, tiến triển của React Compiler (tích hợp Bun, phiên bản Rust), React Router 8.0 (chỉ ESM, cải tiến "boring-by-design"), cùng các bản phát hành mới của StyleX 0.19, Base UI 1.6 và TanStack Table v9. Bên phía React Native, Reanimated 4.5 bổ sung hỗ trợ CSS pseudo-selector, Expo SDK 56 ổn định iOS widgets & Live Activities, VisionCamera cho phép xử lý video thời gian thực. Ngoài ra, Vite 8.1 ra mắt chế độ Dev Mode tích hợp, Astro 7.0 tăng tốc build ~61% nhờ Rolldown, TypeScript 7.0 RC (viết lại bằng Go), và GitHub Actions siết chặt bảo mật ngăn chặn tấn công supply chain.

Những công nghệ mới trong React và React Native như Fragment ref trong React 19.3 hoặc React Router 8.0 có thể giúp bạn tối ưu hiệu suất, cải thiện tính bảo mật và mở rộng khả năng ứng dụng của mình ngay từ những thay đổi cơ bản nhất.

Babel vs OXC: Understanding the Future of JavaScript Tooling

A comparison of Babel and OXC, exploring why the JavaScript ecosystem is shifting from JavaScript-based tooling to Rust-powered alternatives. Babel enabled modern JS and JSX compilation for years, but its JavaScript runtime becomes a bottleneck on large codebases. OXC (Oxidation Compiler) is a Rust-based toolchain covering parsing, transforming, linting, formatting, and minification, offering significantly faster performance and lower resource usage. The post also briefly covers Vite's role and mentions other Rust-based tools like SWC, Turbopack, and Rspack as part of the same trend toward native-speed frontend tooling.

Embeddable Widgets with Vite, React, Tailwind 4 & Web Components

A practical walkthrough of building embeddable widgets using React, Tailwind 4, Vite, and Web Components delivered as a single JS file. Two significant browser limitations are uncovered and solved: Tailwind 4's heavy reliance on CSS @property rules which Shadow DOM doesn't fully support, and @font-face declarations not working inside Shadow Roots. The @property issue is addressed with a custom PostCSS plugin (~300 lines) that transforms Tailwind's property registrations into concrete CSS variable declarations scoped to the shadow host. The font issue is handled by a runtime font loader using the FontFace API that attaches fonts to the parent document instead of the Shadow Root.

Issue #791: Babel 8.0, Vite 8.1, and TypeScript 7.0 RC — JavaScript Weekly

JavaScript Weekly issue #791 covers major releases across the ecosystem: Babel 8.0 goes ESM-only and targets ES2023 by default after 8 years since v7; TypeScript 7.0 RC arrives with a Go-powered compiler promising ~10x faster builds; Vite 8.1 adds experimental bundled dev mode for faster startup; Astro 7.0 gains a Rust-powered build pipeline; and Deno 2.9 introduces desktop app support via deno desktop. Also covered: TanStack Table v9's 90% memory reduction via prototype-based function storage, new CSS capabilities bridging JS values, and smaller releases including pnpm 11.7/11.8, Node.js updates, Anime.js 4.5, Ink 7.1, Nuxt UI 4.9, and Nx 23.0.