Friday Issue Nr. 108 | 19/04/2024

It's been a busy week with good reads. Do you need GraphQL? Quill RTE, Biome vs. Prettier, a deep dive into CSS in React Server Components, and a Qwik vs. Next.js overview. Also, the first-ever CSS game, how to test HTML with CSS, and Gap vs. Margin. Does the Design System help?

JavaScript News

You probably don’t need GraphQL

This post is from the co-founder of GraphQL company, and that fact itself piqued some interest.

Quill v.2

Quill is an open-source API-driven Rich Text Editor developed and maintained by Slab.

In v2, Quill moved to TypeScript and Vitest for unit testing and migrated the website to Gatsby. The last one is a bit strange when there are Astro, Vue, Svelte, and Next.js.


Biome claims it is 35x faster than Prettier and can replace Prettier and ESLint.

v1.7 provides an easy way to migrate from ESLint and Prettier.

CSS in React Server Components

Next.js 13.4 became the first React framework to be built on  React Server Components. However, not all previously used components will work nicely. In this long read, Josh will explain many exciting details and how to fix CSS-IN-JS.

Also, Next.js has 1 million monthly active developers and released v14.2

While on the Next.js subject, here are next-view-transitions for the Next.js to be used in the App Router.

React 19 - writing a framework from scratch!

Qwik vs Next.js overview

3D event badge with React Three Fiber

CSS News

Desert Racer: World’s First CSS-only Swipe Aware Game

This is some new level of CSS usage, with very smartly used scroll and snap features.


Testing HTML with CSS

Gap vs Margin

HTML Responsive images

The best way to add images to the website was around 2007. You simply use an image tag and call it a day. With all the screen sizes, screen density and responsiveness, this task feels complicated unless automated.

Mixed News

Missing iOS web features

This is a good and surprising resource. Many features are missing, and some are old. For example, the SVG favicon (9 years), Web Notifications (12 years), and so on.

Naming things needn’t be hard

This is quite a handy source if you struggle to find a proper name for a Thing.

The design systems between us

Does the Design System help to avoid friction between Designers and Developers?

Comment on Mastodon