✅ 🖥 Rspack 1.0: The Rust-Powered JavaScript Bundler

Far from being ‘yet another bundler’ with its own approach and terminology to learn, Rspack prides itself on being webpack API and ecosystem compatible, while offering many times the performance. The team now considers it production ready and encourages you to try your webpack-based projects on it.

Link to the release

#frontend #new #rust #js #bundler
#release

✅ 👩‍💻 React Cosmos v6.2: A Sandbox for Developing and Testing UI Components

Built upon a project first showcased at ReactEurope 2015, Cosmos is a long standing and ‘slowly matured’ tool for prototyping React components in an isolated manner.

Link to the lib

#frontend #lib #testing #ui #react #cosmos
#release

✅ 👩‍💻 Implementing a React-a-Like from Scratch

While it's unlikely you'll actually want to do this, at least thinking about it can prove instructive as to what’s going on in React’s engine room.

Link to the article

#frontend #react #engine
#article

✅ 👩‍💻 Announcing Vue 3.5

While v3.5 is a minor release, it’s one Vue users will love, with big performance and memory usage improvements in its reactivity system. With no breaking changes, upgrade and watch memory consumption drop.

Link to the release

#frontend #vue #js
#release

✅ The Web Design Museum: The First Decade of Web Design

Exhibits thousands of unique old website designs from the early 90s to mid-00s. A fun way to discover forgotten trends in web design.

Link to the museum

#frontend #design #museum

✅ 👩‍💻 Reasonable Colors: An Open-Source Color System for Building Beautiful, Accessible Color Palettes

Just drop in the base stylesheet, then use the provided CSS variables that provide built-in “shades” for each color.

Link to the lib

#frontend #css #color
#lib

✅ 👩‍💻 Framer Motion: Fluid Animations & Motion in React

A long-popular, open source motion library for React, made by Framer. As of this week’s v11.4 release, there’s support for React Server Components, including new entrypoints for motion and m components.

Link to the tool

#frontend #react
#tool #lib

✅ 🖥 An SSR Performance Showdown

Fastify’s Matteo Collina set out to find the current state of server-side rendering performance across today’s most popular libraries. The first attempt faced negative feedback due to implementation issues, but the showdown has been improved and re-run.

Link to the article

#frontend #js #vue #react #solid #ssr
#article

✅ 👩‍💻 react-call: Call Your React Components

Gives you a call(props) function as an imperative way to call a component, even from outside React and with no context providers needed

Link to the tool

#frontend #react #components
#tool

✅ 👩‍💻 Valtio 2.0: Proxy State Made Simple

Turns objects into self-aware proxies so you can access state and subscribe to changes outside of components, add computed properties and more. Designed for React and compatible with Suspense, but also possible to use with vanilla JS

Link to the lib

#frontend #react #js #proxy
#lib

✅ 🖥 The Top 5000 npm Packages by Size, Downloads, and Traffic

An interesting Google Sheets spreadsheet listing the top 5000 npm packages by package size, weekly downloads, and weekly traffic. One package is responsible for 278 terabytes of traffic per week, but the top 5000 add up to several petabytes.

Link to the table

#frontend #libs #npm #js
#table