The five best design links, every weekday

Category: React

All Categories

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.

hydrogen.shopify.dev

Hydrogen: Shopify's opinionated framework for building custom storefronts

A React-based framework for developing storefronts including a partnership with StackBlitz giving the ability to experiment/develop in-browser.

retool.com

Retool is the fastest way to build custom internal toolsSponsored

Retool gives a powerful set of building blocks: tables, lists, charts and more. Integrate with any datasource and customize your app using JavaScript.

storybook.js.org

UI Testing Playbook

A testing workflow that doesn’t slow you down.

storybook.js.org

Automate accessibility testing with Storybook

Find & fix issues as you build UIs.

boringavatars.com

Random SVG avatar generator based on user names

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

mantine.dev

Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience.

storybook.js.org

How to actually test UIs

Testing techniques used by leading engineering teams

storybook.js.org

Storybook 6.2 just shipped

Lots of new features and integrations to future-proof component development.

wattenberger.com

Combining React and D3

When I visualize data on the web, my current favorite environment is using D3.js inside of a React.js application.

trekhleb.dev

Gyro-web: Accessing the device orientation in JavaScript

Accessing the device orientation using React hook, and rotating a CSS 3D cube afterward.

epicreact.dev

Use CSS Variables instead of React Context

How and why you should use CSS variables (custom properties) for theming instead of React context.

remotion.dev

Remotion: Write videos in React

Create MP4 motion graphics in React. Leverage CSS, SVG, WebGL and more technologies to render videos programmatically!

letsbuildui.dev

Reducing Motion in Animations

Learn a few ways to implement alternate animations in CSS and Javascript.

storybook.js.org

Revamping Storybook’s addon ecosystem

Addon Catalog beta with updated documentation.

medium.com

Visx from Airbnb

Visx (formerly known as vx) is a collection of expressive, low-level visualization primitives combining power of D3 with DOM benefits of React.