✅ 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

✅ 👩‍💻 Private Browsing 2.0 in Safari

First included as a feature in Safari almost twenty years ago, ‘Private Browsing’ has been getting a big revamp over the past year. The WebKit team explains what changes and enhancements have occurred and the mitigations to prevent breaking existing sites.

Link to the release

#js #browser #safari #webkit
#release

✅ 👩‍💻 An Update on Invokers: Invoker Commands in HTML

An overview of this experimental syntax which will allow devs to assign behavior to elements in a declarative and accessible way.

Link to the article

#html #frontend
#article

✅ 👩‍💻 Embracing Functional CSS: Have We Moved On?

A look at the positives of utility-first CSS, and why we’ve become accustomed to introducing it to our workflows.

Link to the article

#css #frontend
#article

✅ Astro 4.12: Say Hello to Server Islands

The flexible Astro framework for building modern content-based sites continues to go from strength to strength. v4.12 includes a new concept of server islands, a way to integrate static HTML and server-side generated components together.

Link to the release

#frontend #astro #react #vue #ssr #static
#release

✅ Releases

- Mikro ORM 6.3 – Popular ORM for Node.js and TypeScript, now with an optional 'schema-first' approach.
- Uppy 4.0 – Powerful, modular JavaScript file uploader.
- Preact 10.23 – The 3KB React compatible alternative.

Node.js v20.16.0 (LTS), pnpm 9.6, Meteor.js 3

#node #mikroorm #uppy #preact #pnpm #meteor #frontend #backend
#releases

✅ 👩‍💻 Storybook 8.2

Michael Shilman is excited to announce Storybook 8.2, the next stop on our journey to no-compromise component testing:

-🪝 New test hooks for parity with other popular testing tools
- 🧳 Portable stories for reuse in other testing and docs tools
- 📦 Package consolidation to reduce dependency conflicts
- 🛼 Streamlined onboarding to get new users up to speed
- ✨ New and improved website with better framework docs
- 💯 Hundreds more improvements

Link to the release

#storybook #frontend #ui #react #vue #vitest
#release

✅ 👩‍💻 The Results of State of React 2023

The State of React 2023 survey ran last December but the results from over 13,000 respondents have finally landed. It’s packed with interesting tidbits, but we learn:

- SPAs still dominate for most developers.
- forwardRef is the React API causing the most pain.
- 🎧 What podcasts React developers are listening to.
- Python and PHP are the most common backend languages (after JS/TS).
- MUI and React Bootstrap lead the way in component libraries.
- React 18 adoption is strong.

Link to the results

#frontend #stateofreact #react #js
#article