The five best design links, every weekday

Category: React

All Categories

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.

medium.com

Storybook Controls - Live edit UI components with no code

Controls allows you to dynamically edit a UI component’s inputs without touching code. Made for rapid component experimentation.

medium.com

Introducing Storybook Args - A faster way to document UI components

"Args" makes writing stories for UI components easier and more maintainable by separating a story’s data from the display logic.

medium.com

Storybook Composition – combine Storybooks into one design system

Browse components from any Storybook inside your local Storybook. Works across frameworks. Made for design systems. Coming soon to 6.0

varun.ca

React Icon System

This article will show you how to set up an icon system using SVGR — a tool for transforming SVGs into React components.