✅ 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

✅ Hidden Gems of Tailwind CSS

Tailwind CSS has some lesser-known features that can make developing web UIs easier.

This article goes over a couple of them, such as using gap-* to add space between elements.

Link to the article

#css #tailwind

✅ 7.css

A CSS framework for building interface components that look like Windows 7. It is built on top of the GUI backbone of XP.css, which is an extension of 98.css.

Link to the lib

#css #fun #lib

✅ Vue Tips

A collection of Vue, Nuxt and Vite tips, tricks and good practices

Link to the tips

#tips #vue #nuxt #vite

✅ Say Hello to the React Compiler

Last week’s React Conf was quite the banger, as the kids say nowadays. The biggest reveal was the open sourcing of React’s experimental compiler, a tool designed to optimize React code at build time.

Want to play without breaking everything? They created an React Compiler Playground so you can experiment.

Link to the compiler

#react #js

✅ React 19 Lets You Write Impossible Components

React 19 (still in beta) brings all sorts of new ideas to the table, but is the complexity worth it?

The folks at Mux have been leaning on many of React 19’s features for a while (thanks to React Canary) and are very excited about their potential.

Link to the article

#react #js

✅ Astro 4.9

Astro 4.9 is out! This release includes the long-awaited Container API, stabilized experimental features, and more. A small but mighty release!

Full release highlights include:

- Experimental: Container API
- React 19 support for Astro Actions
- Stabilized experimental features

Link to the release

#astro #release

✅ SolidStart 1.0: The Shape of Frameworks to Come?

SolidJS is a React-inspired declarative UI library but with a performance focus and templates compiled to real DOM nodes receiving direct DOM updates – no VDOM. SolidStart is a framework for building and deploying SolidJS apps with many compelling features right out of the box.

Link to the release

#js #solidjs

✅ Angular v18 Released

The large-scale framework got a big public revival last year with Angular 17 and its new homepage. Things continue to progress with experimental support for zoneless change detection and the new built-in control flow approach becoming stable.

Link to the release

#js #angular #release