React for Designers

React components for design engineers https://cult-ui.com 6 comments 30/5/2024 web_design

How we use Design Tokens in React https://blog.bitsrc.io/how-we-use-design-tokens-in-react-5396dd897ace 3 comments 28/4/2022 reactjs

Designing a Typewriter React Component https://dev.to/shivishbrahma/designing-a-typewriter-react-component-3kea 4 comments 28/2/2022 reactjs

How to build design systems with React & Storybook https://www.researchgate.net/publication/3188437_Evaluating_Software_Reuse_Alternatives_A_Model_and_Its_Application_to_an_Industrial_Case_Study 4 comments 9/9/2020 reactjs

How to handle and design the startup of a React application ? https://medium.com/javascript-in-plain-english/how-to-handle-and-design-the-startup-of-a-react-application-da779f3727e5 18 comments 25/10/2019 javascript

Design Patterns in React https://www.slideshare.net/t.bak/design-patterns-in-react-152397149 3 comments 28/6/2019 reactjs

How to Avoid the “Boolean Trap” When Designing React Components https://spicefactory.co/blog/2019/03/26/how-to-avoid-the-boolean-trap-when-designing-react-components/ 39 comments 26/3/2019 reactjs

An alternative (declarative) Design for React Hooks https://paulgray.net/an-alternative-design-for-hooks/ 12 comments 31/10/2018 javascript

An alternative (declarative) Design for React Hooks https://paulgray.net/an-alternative-design-for-hooks/ 21 comments 31/10/2018 reactjs

Designing (TypeScript / Flow) types for React state and UI data https://github.com/reduxjs/redux/blob/master/docs/recipes/reducers/NormalizingStateShape.md#designing-a-normalized-state 3 comments 5/10/2018 reactjs

React Toolbox - Bootstrap your applications with beautiful Material Design components. http://react-toolbox.com/ 10 comments 2/11/2015 javascript

Introducing Base Web, Uber’s New Design System for Building Websites in React https://eng.uber.com/introducing-base-web/ 7 comments 26/4/2019 reactjs

Ant Design of React - a set of high quality UI components and based on React Component https://ant.design/docs/react/introduce 6 comments 28/11/2016 reactjs

Figmachine (Figma to React) – Convert Figma designs to React code https://www.figmachine.com/ 8 comments 1/11/2021 reactnative

This is my React implementation of u/APthreads Navbar design (info in comments) https://streamable.com/je7rje 28 comments 7/8/2021 reactjs

Modular Redux — a Design Pattern for Mastering Scalable, Shared State in React https://medium.com/@shanebdavis/modular-redux-a-design-pattern-for-mastering-scalable-shared-state-82d4abc0d7b3 10 comments 4/2/2020 reactjs

How To Master Advanced React Design Patterns — Render Props https://medium.com/@shaundavidhutch/d7517dfe72bc 3 comments 30/4/2018 javascript

Problems use Material Design Frameworks with React https://material.io/guidelines/components/data-tables.html#data-tables-specs 3 comments 10/4/2017 reactjs

Higher Order Components: A React Application Design Pattern https://www.sitepoint.com/react-higher-order-components/ 21 comments 7/8/2016 javascript

Buddy made a React - Material Design Library http://react-md.mlaursen.com/ 13 comments 15/6/2016 reactjs

Is there any package to make meterial design tab bar in react? https://www.npmjs.com/package/material-tabs 6 comments 20/4/2016 reactjs

Using advanced design patterns to create flexible and reusable React components — Part 3: Render Props https://medium.com/@shaundavidhutch/using-advanced-design-patterns-to-create-flexible-and-reusable-react-components-part-3-render-d7517dfe72bc 7 comments 17/4/2018 reactjs

Airbnb’s new open source library lets you design with React and render to Sketch https://techcrunch.com/2017/04/25/airbnbs-new-open-source-library-lets-you-design-with-react-and-render-to-sketch/ 7 comments 26/4/2017 reactjs

The React Components for Product Design and Developer: Ruyi Design Assistant(Figma Plugin) https://www.figma.com/community/plugin/1192146318523533547 4 comments 26/7/2023 reactjs

This Week In React #109: React Labs, Linaria, React-Aria, Design System, Ladle, Sandpack, Redwood, React-Native, Moon... https://www.getrevue.co/profile/thisweekinreact/issues/this-week-in-react-109-react-labs-linaria-react-aria-design-system-ladle-sandpack-redwood-react-native-moon-1223480 3 comments 22/6/2022 reactjs

First React Project - a weather application designed mobile-first https://www.reddit.com/r/webdev/comments/lo0bl2/first_react_project_a_weather_application/ 3 comments 20/2/2021 webdev

My first egghead.io course on making Design Systems with React and Typescript in Storybook is free this week! Feedback welcome http://t.dripemail2.com/c/eyJhY2NvdW50X2lkIjoiOTQyOTM2MiIsImRlbGl2ZXJ5X2lkIjoiMzY3NjI0Nzk4OCIsInVybCI6Imh0dHBzOi8vZWdnaGVhZC5pby9jb3Vyc2VzL2Rlc2lnbi1zeXN0ZW1zLXdpdGgtcmVhY3QtYW5kLXR5cGVzY3JpcHQtaW4tc3Rvcnlib29rP3V0bV9zb3VyY2U9ZHJpcFx1MDAyNnV0bV9tZWRpdW09ZW1haWxcdTAwMjZ1dG1fdGVybT1yZWFjdFx1MDAyNnV0bV9jb250ZW50PWRlc2lnbi1zeXN0ZW1zLXdpdGgtcmVhY3QtYW5kLXR5cGVzY3JpcHQtaW4tc3Rvcnlib29rXHUwMDI2X19zPXNzb3d3cXdha2l4cWRleDFtYTd6In0 9 comments 21/9/2018 reactjs

React in patterns - A book about common design patterns used while developing with React. It includes techniques for composition, data flow, dependency management and more https://krasimir.gitbooks.io/react-in-patterns/content/ 6 comments 14/5/2018 reactjs

React in patterns - A book about common design patterns used while developing with React. It includes techniques for composition, data flow, dependency management and more https://krasimir.gitbooks.io/react-in-patterns/content/ 3 comments 14/5/2018 javascript

Hi friends! :) I have published “Practical Inversion of Control in TypeScript, Functional Way”, a design principle useful in React apps https://hackernoon.com/practical-inversion-of-control-in-typescript-42a7364511af 18 comments 22/9/2018 reactjs

Which JavaScript design patterns do you recommend learning before jumping into a framework like React? https://www.reddit.com/r/javascript/comments/5gra3f/which_javascript_design_patterns_do_you_recommend/ 18 comments 6/12/2016 javascript

Elastic UI - a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts https://elastic.github.io/eui 3 comments 20/6/2022 webdev

I made a Tailwind CSS visual builder to visually design and generate code for your Frontend in HTML and React. You can easily create websites, forms, prototypes and webpages visually and with lots of templates to help ship projects to production faster. Made with Reactjs, Tailwind +Firebase https://www.devwares.com/windframe/ 20 comments 5/4/2022 reactjs

I built a new platform, on React, for creating a blog & newsletter (and earning money from your readers). I focused on speed, simplicity, privacy, and beautiful design. I'd love to get some early feedback! https://papyrus.dev/?amp%3Butm_campaign=reactjs&amp%3Butm_medium=subreddit_launch 7 comments 23/10/2021 reactjs

I created a No-Code Design Platform that lets anyone design components and export it to React, Angular & Vue (Experimental). Would love your feeedback. https://codedesign.app 50 comments 7/9/2021 reactjs

Shards React - a high-quality & free React UI kit featuring a modern design system with dozens of custom components https://designrevision.com/downloads/shards-react/ 33 comments 23/1/2019 javascript

Material designed by MIT engineers can react with carbon dioxide from the air, to grow, strengthen, and even repair itself. The polymer continuously converts the greenhouse gas into a carbon-based material that reinforces itself. http://news.mit.edu/2018/self-healing-material-carbon-air-1011 25 comments 11/10/2018 worldnews

Material designed by MIT engineers can react with carbon dioxide from the air, to grow, strengthen, and even repair itself. The polymer continuously converts the greenhouse gas into a carbon-based material that reinforces itself. http://news.mit.edu/2018/self-healing-material-carbon-air-1011 38 comments 11/10/2018 technology

Hacker News

Reddit