✅ Docusaurus 3.3: Getting Ready for React 19

Docusaurus is such an elegant site generator and so wildly popular that I can’t help but recommend it. v3.3 gets things ready for React 19, makes it easier to manipulate sitemaps, and more.

Link to the release

#react #static #lib

✅ Figma’s Journey to TypeScript

How the team at Figma automatically migrated code written in their own Skew programming language over to TypeScript — without disrupting a single day of development.

Link to the article

#ts #js #figma

✅ Why Patching Globals is Harmful

Modifying global APIs to extend their features is common, but not particularly desirable if readability, maintenance, and predictability are qualities you enjoy.

Link to the article

#js

✅ Five Node Version Managers Compared

Ideally, we could use the latest LTS version of Node for everything, but in reality we often need to switch versions. Numerous tools let you do this. NVM is the best known, but N, FNM, Volta, or even pnpm could suit you better?

Link to the article

#js #node

✅ Astro 4.8

Astro 4.8 is out now! This release includes experimental support for Astro actions and request rewriting, performance improvements, and more.

Full release highlights include:

- Experimental: Astro Actions
- Experimental: Request Rewriting
- Performance improvements
- Ability to define multiple routes with the same entrypoint

Link to the release

#astro #release

✅ The Popover API is Here

The Popover API now has broad support, and as such Chris gives us a brief overview of how it differs from <dialog> and how we may want to approach using it.

Link to the article

#css #html

✅ Reaction-Diffusion Compute Shader in WebGPU

A look at how to use WebGPU compute shaders to create some rather wild looking patterns. Support is limited right now, but it’s a neat effect.

Link to the article

#js #webgpu

✅ DesignSystemHunt: A Curated Collection of Design Systems from Popular Brands

Currently includes links and info on 140+ different design systems from various startups, brands, tech companies, etc.

Link to the collection

#designSystem #collection #ui #html

✅ An Alternative Proposal for CSS Masonry

Chrome team has weighed in, stating that “implementing it as part of the CSS Grid specification [..] would be a mistake”, and they think it should be its own separate layout method defined using display: masonry or something similar.

Link to the article

#css #chrome

✅ The Vue Ecosystem in 2024

Since its inception in February 2014, Vue has become one of the top JavaScript frameworks for building and maintaining web apps.

Ben Hong looks at some of the popular tools and libraries used by the community today.

Link to the article

#vue #ecosystem

✅ Unovis

Handles all sorts of things from Sankey diagrams to maps, graphs, chord diagrams, and traditional line/area charts.

Works with React, Angular, Svelte, Vue or plain old JS/TS.

Link to the lib

#lib #js

✅ Why React Query?

Starting from first principles, and a reminder of what React itself is, this is a neat, highly accessible exposition of why React Query (a.k.a. TanStack Query) exists and what it does.

Link to the article

#react #tanStack #reactQuery

✅ React Google Maps 1.0: Components and Hooks for Google Maps

Dropped to coincide with Google I/O 2024, this provides a way to integrate Google’s Maps API into a React app, complete with components to lay down markers, drawing over maps, and more.

Link to the lib

#tool #lib #react #google

✅ Why Don’t We Talk About Minifying CSS Anymore?

Salma notes that minification of CSS is now generally something that modern frontend tooling takes care of for us, so it’s not really a practice that’s front of mind anymore — however, it’s still important for us to understand how our stylesheets are being delivered to the browser and what impact they are having on performance.

Link to the article

#css

✅ Should We Rely on Browser Detection?

The User-Agent string is something that web developers should really handle with care, as browser detection is often guesswork — but if you’re building for the web platform (and not a single browser) this won’t be much of an issue.

Link to the article

#base #browser

✅ The Results of State of HTML 2023

We have the results from that 2023 questionnaire. Lots of interesting tidbits here, including thoughts on recent HTML features, adoption, accessibility, extensibility, and much more.

Some argue that improving HTML is futile, but the survey resoundingly demonstrates the contrary. Developers crave more interactive HTML elements.
— Lea Verou

Link to the article

#html

✅ 10 Updates from Google I/O 2024: Unlocking the Power of AI for Every Web Developer

Google’s annual developer conference got underway yesterday, and we already have a handful of headlines for those of us working on the web — this post outlines 10 features that Google are keen to put the spotlight on, including (to no surprise) lots of AI additions.

Link to the article

#js #browser #google

✅ Announcing the Web Platform Dashboard

The ‘Web Platform Dashboard’, announced at Google I/O, is a new, easy way to see a high-level overview of the entire web platform mapped out as a set of features, along with their respective browser support.

Link to the article

#google #tool

✅ Introducing the CSS Anchor Positioning API

With anchor positioning built into the browser, you’ll be able to build layered user interfaces without relying on third-party libraries — it’s in Chrome as of version 125.

Link to the article

#css #google

✅ Hardest Problem in Computer Science: Centering Things

“Even if it’s hard. Even if tools make it inconvenient. Even if you have to search for solutions. Together, I trust, we can find our way back to putting one rectangle inside another rectangle without messing it up.”

Link to the article

#css #design