Airbnb’s Trip to Linaria
How Linaria, Airbnb’s newest choice for web styling, improved both developer experience and web performance.
Category: React
All Categories
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 6.5
New workflows to make you more productive.
Next.js Layouts RFC
Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components.
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.
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.
Structuring your Storybook
Best practices for organizing components and stories
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.
State of Storybook 2021
Huge year for performance, testing, and community ecosystem
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.
Component Encyclopedia sneak peek
Browse the world’s UI components to discover techniques that work.
Tamagui: React Native + Web UI kit
Universal React design systems that optimize for native & web.
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'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 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.
UI Testing Playbook
A testing workflow that doesn’t slow you down.
Automate accessibility testing with Storybook
Find & fix issues as you build UIs.
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
React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience.
How to actually test UIs
Testing techniques used by leading engineering teams