The five best design links, every weekday

Category: React

All Categories

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.

storybook.js.org

Storybook 6.5

New workflows to make you more productive.

nextjs.org

Next.js Layouts RFC

Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components.

uiball.com

A collection of delightful loading animations

Free loaders & spinners for your next project. Built with HTML, CSS and a bit of SVG. Copy/paste or get the tree-shakeable React component library.

joshwcomeau.com

Delightful React File/Directory Structure

How should we structure components and other files in our React apps? I’ve iterated my way to a solution I’m really happy with.

storybook.js.org

Structuring your Storybook

Best practices for organizing components and stories

bytes.dev

The world's most entertaining JavaScript newsletterSponsored

A free technical newsletter with good info and better memes. If you like Sidebar, I've got a feeling you'll love Bytes.

storybook.js.org

State of Storybook 2021

Huge year for performance, testing, and community ecosystem

uxpin.com

Build prototypes 10x faster with React UI componentsSponsored

Prototype with fully interactive components and reach a higher level of fidelity. Scale design with UXPin Merge.

storybook.js.org

Component Encyclopedia sneak peek

Browse the world’s UI components to discover techniques that work.

tamagui.dev

Tamagui: React Native + Web UI kit

Universal React design systems that optimize for native & web.

varun.ca

How to build stunning 3D scenes with React Three Fiber

Learn how to apply your app development skills to 3D graphics with this deep dive into WebGL.