✅ 👩‍💻 Using React 19 with Both Vite and Then Next.js

The VP of Product at Vercel starts with a client-only React app using Vite and looks at how React 19 can make life better, before moving on to a Next.js example. (32 minutes.)

Link to the video

#js #react #next #frontend #vercel
#video

✅ 👩‍💻👩‍💻 The Magic of Clip Path

This post sets out to “inspire you and show you that thinking outside the box can lead to some great animations” — all via the magic of the very powerful clip-path CSS property.

Link to the article

#frontend #css #html
#article

✅ 🖥 👩‍💻 👩‍💻 15 Page Speed Optimizations That Sites Ignore (at Their Own Risk)

Optimizations to put in place, including some fairly easy low-hanging fruit, to improve your page performance.

Link to the article

#js #html #css #frontend #performance
#article

✅ 👩‍💻 👩‍💻 How Keyboard Navigation Works in a CSS Game

You may recall a few issues ago we featured this Chromium-only CSS Mario game — now here’s a look at how it works, specifically moving Mario with keyboard input. All HTML/CSS, no JavaScript.

Link to the article

#html #css #frontend #game
#article

✅ 👩‍💻 Zoom, Zoom, and Zoom

A post exploring the intricacies of the three types of browser magnification and their CSS equivalents. If you want to understand zoom in the browser, this is a good place to start.

Link to the article

#frontend #html #css
#article

✅ Node.js v22.5.0 (Current) Released

A notable release for two reasons: first, the WebSocket feature in node:http is now exposed, but second, Node is embedding SQLite and now offers direct access to it via node:sqlite.

Link to the release

#js #node
#release

✅ 👩‍💻 How to Integrate Shadcn with Nuxt.js

Shadcn-Vue is an innovative tool that stands out by offering a unique approach to component integration. In this detailed guide, you’ll walk through how to integrate Shadcn-Vue with Nuxt.js, optimizing your development process with insights and practical tips to ensure you get the most out of this powerful combination.

Link to the article

#js #frontend #vue #nuxt #shadcn
#article

✅ Releases

- ESLint v9.7.0 – Supports ES2025 duplicate capturing groups in regexes. Duy Ng also shares some tips on migrating to ESLint 9+.
- Boa 0.19 – A JS engine written in Rust for embedding in other projects.
- Meteor 3.0 – Full-stack framework for real-time apps.

jQuery 4.0 Beta 2, htmx 2.0.1, swc 1.7

#releases #js #libs #frontend #fullstack #eslint #jquery #meteor

✅ InfiniteGrid 4.12: Arrange Card Elements Infinitely in a Grid Layout

A mature and established way to create grids formed of card elements of varying sizes. Happy on both desktop and mobile and has integrations for React, Vue, Angular, Svelte, and others.

Link to the lib

#js #frontend #react #vue
#lib

✅ 👩‍💻 Integrating HeadlessUI and TailwindCSS with Nuxt: A Comprehensive Guide

Headless UI is a set of completely unstyled, accessible UI components designed to smoothly integrate with utility-first CSS frameworks like Tailwind CSS. If you're working with Nuxt.js and want to leverage these components, this guide will walk you through the process step-by-step, ensuring you can effortlessly integrate HeadlessUI into your Nuxt.js projects.

Link to the article

#vue #js #frontend #nuxt #tailwindcss #headlessui
#article

✅ 👩‍💻 What React Devs Need to Know About React Native

While React and React Native share many similarities, significant differences exist when targeting web versus native platforms. This blog aims to highlight and address the most common mistakes and questions developers typically encounter when transitioning from React to React Native.

Link to the article

#js #frontend #react #reactnative
#article

✅ How to Make Complex Chrome Extensions

Spinning up a quick, simple browser extension isn’t that big of a deal nowadays, especially with tools like Extension to kick off a project. Larger extensions are a different story, so it’s neat to learn from the experiences of a team that’s built one.

Link to the article

#js #frontend #chrome #extension
#article

✅ How Fast is JavaScript? Simulating 20 Million Particles

“The challenge: simulate 1,000,000 particles in plain JavaScript at 60 FPS on a phone using only the CPU. Let’s go.” The sort of fun, detailed experimentation I’ll always support.

Link to the article

#js #frontend #performance
#article

✅ 🖥 🖥 Poku 2.0: A Cross-Platform Test Runner for JS

Poku’s philosophy is to ‘bring the JavaScript essence back to testing.’ It runs the same way across Node, Bun and Deno, and auto-detects ESM, CommonJS and TypeScript.

Link to the lib

#js #lib #tests #frontend
#release

✅ 👩‍💻 👩‍💻 CSS Selectors

A thorough, complete guide/reference covering all of the various methods we have to select elements in CSS (such as pseudo-selectors, nested selectors, attribute selectors, etc) and how to use them for applying styles.

Link to the article

#frontend #css #html
#article

✅ 👩‍💻 Seamless SVG Copy-Paste on the Web

Support has been added to Chromium browsers for SVG files in the Async Clipboard API. This means copying and pasting SVG data across any app that wants to use SVG, whether it’s native or web, becomes possible.

Link to the article

#html #css #svg #frontend #chromium
#article

✅ 👩‍💻 @property: Next-Gen CSS Variables Now with Universal Browser Support

The @property rule, part of the CSS Houdini umbrella of APIs, is now fully supported across all modern browsers.

Browser Support
👩‍💻85 👩‍💻85 👩‍💻128 👩‍💻16.4

Link to the article

#css #html #frontend
#article