React Cosmos 5

A tool for ambitious UI developers

4 followers

A tool for ambitious UI developers

4 followers

React Cosmos is a dev tool for building scalable, high-quality user interfaces. It's designed to make it easy for you to test and iterate on React components. It makes debugging less painful, and it enables you to create and publish component libraries.

Launch tags:

Design Tools•Productivity•Developer Tools

Launch Team

Ovidiu Cherecheș

React Cosmos 5

Maker

Hi there! After 5 years of iteration and experiments, React Cosmos is ready for prime time. This release contains the best ideas from previous versions, wrapped in an elegant interface that gets out of the way and lets you focus on your creation. Creating and browsing component fixtures is easier than ever. The tree view, the global search, the props and state panels, the responsive preview mode, and all the other features have been meticulously designed to make you more productive. React Cosmos also makes it easier for you to automate component testing. In the GitHub README you’ll find server-side APIs and examples for building custom solutions to your bold ideas on top of React Cosmos. I’ve really put my heart and soul into this project, so your feedback means a lot to me. ❤️ Let me know what you think of React Cosmos 5, and what would make your life easier as a UI developer.

Report

5yr ago

Dexter

Adorable Avatars

How does this compare to Storybook? It looks a lot simpler which seems like a good thing.

Report

5yr ago

Ovidiu Cherecheș

React Cosmos 5

Maker

@shuenw Haha you're right it is a lot simpler and I'm glad you also think that's a good thing. Storybook works with many other UI libraries, whereas React Cosmos is only available for React. React Cosmos is mainly a developer's tool, as the "Visual TDD" catchphrase suggests. It goes hand in hand with IDEs to make developers more productive and to produce more reusable components. But while you _can_ export static component libraries with React Cosmos, it doesn't offer much in the Styleguide/Docs department, which a lot of people seem to use Storybook for. Still, there's a big overlap so I suggest trying out both to see which one gives you a better experience. ✌️

Report

5yr ago

Mergen

Is it working with python?

Report

5yr ago

Ovidiu Cherecheș

React Cosmos 5

Maker

@therealmergen What do you mean? It's a React dev tool, so as long as you use React (and webpack to build it, or you're willing to do some extra integration work) you can use it in any codebase.

Report

5yr ago

Intercom — Startups get 90% off Intercom + 1 year of Fin AI Agent free

Startups get 90% off Intercom + 1 year of Fin AI Agent free

Promoted

React Cosmos 5

A tool for ambitious UI developers

A tool for ambitious UI developers

React Cosmos 5

A tool for ambitious UI developers

A tool for ambitious UI developers

Do you use React Cosmos 5?

Do you use React Cosmos 5?