The five best design links, every weekday

Category: React

All Categories

tailwindcss.com

Headless UI v2.0 for React

We just released Headless UI v2.0 for React which includes a ton of new stuff.

joshwcomeau.com

Snappy UI Optimization with useDeferredValue

useDeferredValue is one of the most underrated React hooks.

joshwcomeau.com

CSS in React Server Components

When the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled.

storybook.js.org

Storybook 8

Next level testing, performance, and compatibility

react-spectrum.adobe.com

React Aria

Craft world-class accessible components with custom styles.

manupa.dev

The anatomy of shadcn/ui

Instead of being distributed as a npm package, the shadcn/ui components are delivered through a CLI.

polypane.app

Using Selectlist in React

Selectlist is an upcoming element that replaces the native select element with a fully stylable and customizable one. Here's how to use it in React.

joshwcomeau.com

Making Sense of React Server Components

This year, the React team unveiled something they’ve been quietly researching for years.

storybook.js.org

Storybook 7.0

Next-level component development and testing.

netlify.com

Netlify Acquires Gatsby

Netlify has acquired Gatsby Inc. – cloud platform, and creators of web framework Gatsby.

joshwcomeau.com

Data Binding in React

As developers, we don’t like working with forms, but they’re a critical part of most web applications.

mafs.dev

Mafs: React components for interactive math

Build interactive, animated visualizations with declarative code.

tamagui.dev

Tamagui 1.0

Ship cross-platform React apps in ½ the time with 2x performance.

react-wrap-balancer.vercel.app

React Wrap Balancer

Simple React Component That Makes Titles More Readable

lydiahallie.io

Optimizing Web Fonts in Next.js 13

An awesome visual deep dive into font layout shifts, and CSS properties to prevent them.

nan.fyi

Inside Framer’s Magic Motion

An interactive guide on recreating Framer Motion layout animations with the FLIP technique.

blog.maximeheckel.com

The magical world of Particles with React Three Fiber and Shaders

An interactive introduction to Particles with React Three Fiber and Shaders.

remix.run

Remixing Shopify

Remix is joining Shopify.

nextjs.org

Next.js 13

Layouts, React Server Components, streaming in the app directory, as well as Turbopack, an improved image component, and the brand new font component.

storybook.js.org

First-class Vite support in Storybook

Storybook 7.0 brings lots of Vite improvements: pre-bundled for speed, zero config setup, no Webpack required and smaller install size.