#svelte

SvelteKit 3 Reaches Release Candidate, Moving Config to Vite and Retiring the $lib Alias

SvelteKit 3 đang ở giai đoạn release candidate, tập trung vào tinh chỉnh code và chuẩn bị …

What’s new in Svelte: September 2026

Bối cảnh: vào tháng 9/2026, đội ngũ Svelte phát hành bản cập nhật nhỏ nhưng mang nhiều tính năng mới cho Svelte và SvelteKit. Nguyên nhân kỹ thuật: phiên bản Svelte 5.57 bổ sung một số phương thức mới cho đối tượng SvelteMap như clear, deleteAll và entries, đồng thời SvelteKit 3 được lặp lại nhiều lần để ổn định API và chuẩn bị cho bản sv 1.0 preview. Hệ quả: các nhà phát triển có thể thao tác trạng thái reactive dễ dàng hơn mà không cần thư viện bên ngoài, và quá trình di chuyển từ SvelteKit 2 sang 3 trở nên mượt nhờ các hướng dẫn migration được cung cấp kèm preview. Điều đáng học: việc theo dõi các bản phát hành phụ và thử nghiệm sớm các bản preview giúp giảm rủi ro khi nâng cấp lớn, đồng thời tận dụng các cải tiến nhỏ như SvelteMap để giảm phụ thuộc vào giải pháp trạng thái phức tạp.

Lập trình viên nên đọc bài này để cập nhật những tính năng mới nhất và hướng dẫn di chuyển lên Svelte 5.57 cùng SvelteKit 3.

The SvelteKit 3 Release Candidate is here

Bản phát hành ứng viên SvelteKit 3 đã được ra mắt với nhiều cải tiến và loại bỏ những phần không cần thiết.

Một lập trình viên nên đọc bài này để khám phá những cải tiến mới trong SvelteKit 3, giúp phát triển ứng dụng web nhanh hơn và đơn giản hơn với các tính năng hiện đại như tích hợp tự động, quản lý trạng thái tiên tiến và hỗ trợ cho các công nghệ tương lai.

What’s new in Svelte: August 2026

SvelteKit 3 preview ra mắt với các module $app mới, hỗ trợ lỗi zero-config props và tính năng refreshAll.

Là người phát triển web cần tối ưu hóa ứng dụng hiện đại, SvelteKit 3 preview mang lại những tính năng mới như $app modules và refreshAll sẽ giúp bạn xây dựng dự án nhanh hơn với cấu hình ít nhất, từ đó tiết kiệm thời gian và công sức trong quá trình phát triển và bảo trì.

What’s new in Svelte: July 2026

Tháng 7/2026 giới thiệu những thay đổi quan trọng trong hệ sinh thái SvelteKit, nổi bật là khả năng định cấu hình SvelteKit trực tiếp trong vite.config.js (thay thế svelte.config.js), cùng các tính năng thử nghiệm như biến môi trường tường minh (thay thế $env/*) và hỗ trợ File object cho Remote Functions. Các công cụ CLI, ngôn ngữ (svelte-language-server, svelte-check) và trình biên dịch (svelte2tsx) đã cập nhật tương thích hoàn toàn với thẻ khai báo {const ...} của Svelte 5, trong khi svelte-check bổ sung hỗ trợ thử nghiệm tsgo (TypeScript Go) để kiểm tra kiểu nhanh hơn. Cộng đồng cũng giới thiệu nhiều thư viện UI, framework và ứng dụng mới xây dựng trên Svelte.

Lập trình viên nên đọc bài này vì những cập nhật mới về SvelteKit như tích hợp trực tiếp cấu hình vào vite.config.js và các tính năng tương lai như biến môi trường rõ ràng, giúp tối ưu hóa và chuẩn bị cho Kit 3, đồng thời khám phá những công cụ hỗ trợ mới như với TypeScript Go.

Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js

Cần tạo hiệu ứng mặt nạ 3D thời gian thực trên web mà không phụ thuộc vào phần cứng chuyên dụng. Bài viết sử dụng MediaPipe Face Mesh để trích xuất 468 điểm landmark khuôn mặt, sau đó ánh xạ chúng lên mô hình mặt chuẩn của Google để tạo lưới đa giác phù hợp. Các điểm landmark được truyền qua Threlte – bộ bao Svelte cho Three.js – để cập nhật vị trí và hướng của đối tượng Three.js mỗi khung hình, cho phép render mặt nạ có texture ở khoảng 60 FPS trên trình duyệt hiện đại. Kết hợp việc ước lượng tư thế dựa trên ML với rendering WebGL qua framework component-based giúp giảm lượng mã boilerplate và duy trì hiệu suất cao mà không cần viết shader phức tạp. Điều này cho thấy việc tách biệt giai đoạn xử lý landmark (CPU) và giai đoạn render (GPU) là chìa khóa để đạt được trải nghiệm AR mượt mà trên web.

Bài này sẽ giúp bạn nắm cách kết hợp MediaPipe, Threlte và Three.js để tạo mặt nạ 3D thời gian thực trên trình duyệt.

SvelteKit 3 puts heat on Next.js with radical approach to RPCs

SvelteKit 3 ra mắt RC với remote functions như tính năng đầy đủ thay vì thử nghiệm, cho phép components fetch hoặc mutate server data trực tiếp. Tiếp cận này được Vercel core developer Simon Holthausen và Scott Tolinski khen ngợi là cách làm sạch hơn RPCs so với Next.js Server Functions. Benchmark cho thấy SvelteKit SSR HTML payload nhỏ khoảng 3 lần so với Next.js cho trang sản phẩm tương đương. Cả hai framework đều hướng đến typed, server-callable functions, thể hiện xu hướng ngành. Lập trình viên nên đọc để hiểu cách tiếp cận RPC mới và so sánh hiệu suất thực tế.

SvelteKit 3 cách mạng hóa các hàm RPC với cách tiếp cận thanh lịch và hiệu quả hơn đáng kể so với Next.js.