React Cosmos 5

A tool for ambitious UI developers

4 followers

Visit website
•
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.
React Cosmos 5 gallery image
React Cosmos 5 gallery image
React Cosmos 5 gallery image
React Cosmos 5 gallery image
React Cosmos 5 gallery image
React Cosmos 5 gallery image
Launch tags:
Design Tools•Productivity•Developer Tools
Launch Team

What do you think? …

Ovidiu Cherecheș
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.
Dexter
How does this compare to Storybook? It looks a lot simpler which seems like a good thing.
Ovidiu Cherecheș
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. ✌️
Mergen
Is it working with python?
Ovidiu Cherecheș
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.