The five best design links, every weekday

Category: React

All Categories

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.

druids.datadoghq.com

DRUIDS by Datadog

DRUIDS is the design system for Datadog. It stands for “Datadog Reusable User Interface Design System.”

joshwcomeau.com

Understanding useMemo and useCallback

What’s the deal with these two hooks?! Lots of devs find them confusing, for a whole host of reasons.

joshwcomeau.com

Why React Re-Renders

In React, we don’t update the DOM directly, we tell React what we want the DOM to look like, and React tackles the rest. But how exactly does it do this? In this tutorial, we’ll unpack exactly when and why React re-renders, and how we can use this information to optimize the performance of our React…

cmdk.paco.me

⌘K

Fast, composable, unstyled command menu for React.

docusaurus.io

Announcing Docusaurus 2.0

Meta (Facebook) announces the next version of Docusaurus: a React static site generator to create beautifully customized documentation websites.

storybook.js.org

Storybook 7.0 design sneak peek

Visual updates, UX tweaks, and faster performance

smashingmagazine.com

A Look At Remix And The Differences With Next.js

Let’s talk about Remix, the framework to create JavaScript projects using server-side rendering.

medium.com

Airbnb’s Trip to Linaria

How Linaria, Airbnb’s newest choice for web styling, improved both developer experience and web performance.

gabe.pizza

Notes on maintaining an internal React component library

A collection of my thoughts on maintaining a component library as part of an existing design system used by a large number of frontend applications.