TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

React Cosmos – Build UIs at Scale

123 pointsby delducaabout 4 years ago

15 comments

skiddingabout 4 years ago
Wow, author of Cosmos here. For the record I didn&#x27;t post this. So thanks to OP and everyone who upvoted. It&#x27;s cool that Cosmos still generates new interest after so many years.<p>Yes, Cosmos is very similar to Storybook. It&#x27;s also older, and I&#x27;m only saying this because I&#x27;m tired of getting asked how does it differ. Both projects provide an isolated component environment to help tackle complexity in single page apps. The difference boils down to setup compatibility and personal taste.<p>I&#x27;m not gonna lie, some of the comments are tough to process, but what can you do. I still appreciate all feedback and as usual I&#x27;ll try to incorporate it as best as I can.
评论 #26316904 未加载
评论 #26317469 未加载
评论 #26317190 未加载
jitlabout 4 years ago
The homepage here would be much improved by explaining what the heck this project does in simple terms without making me scroll a ton and wait for fade-in animations. I&#x27;m not going to use a project that cares more about &quot;hype&quot; than about delivering value. Even the title tagline sounds like buzzword noise. ¯\_(ツ)_&#x2F;¯
评论 #26316196 未加载
评论 #26316435 未加载
评论 #26317893 未加载
评论 #26316846 未加载
评论 #26316445 未加载
root_axisabout 4 years ago
I <i>love</i> Cosmos! We used to use storybook a few years back but it required ongoing maintenance whenever we made changes to our build configs which meant it would slowly fall behind the rest of our application over time. The brilliance of Cosmos is that it relies on your existing configs to build the components, so it&#x27;s just a &quot;set it and forget it&quot; setup. Being able to produce static builds is also great and we rely on this to generate component previews in our CI so that QA can review component appearance and behavior before we even merge them into development. The Cosmos UI hooks are also a clever use of hooks that allow the fixtures to be tested by non-technical people in a manner that aligns with the logical boundaries of the component&#x27;s design from an engineering perspective. The approach to designating a fixture file using the .fixture extension is also low effort meaning engineers actually do it. It&#x27;s awesome, I highly recommend it if you work on a complex react front-end with many individual components.
jack_rimintonabout 4 years ago
I struggled to work out what this was until I found a link to these explainer tweets: <a href="https:&#x2F;&#x2F;twitter.com&#x2F;ReactCosmos&#x2F;status&#x2F;1189127279533793281" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;ReactCosmos&#x2F;status&#x2F;1189127279533793281</a><p>Even that wasn&#x27;t high level enough but their twitter headline is: &quot;A tool for ambitious UI developers&quot;<p>So piecing it all together I&#x27;d guess that it&#x27;s an online IDE that combines some clever stuff with components :shrug:
评论 #26317615 未加载
nightowl_gamesabout 4 years ago
I read the Getting Started and it seems like this creates a webpage that you can use to speed up iteration on your components? Should there be a screenshot of that on your landing page? The live demo doesn&#x27;t really work on mobile. What else does this do? What problem does it solve? How does it solve that? Saying it solves &quot;Reusable components&quot; is pretty generic, could use some expansion on how it actually helps in this regard.<p>Your landing page is beautiful, but it does a poor job explaining itself.
评论 #26316557 未加载
gvkhnaabout 4 years ago
This looks great! I think a similar framework Storybook should also be noted.<p>I definitely see a future where the IDE has much more awareness of your development environment, this is a step in that direction at least for React.<p>Game developers get a lot of these benefits from their IDE typically having more tools than webdevs with a text editor. Hoping to see more of this in the future!
评论 #26309286 未加载
beaconstudiosabout 4 years ago
How does this compare to storybook? I&#x27;ve used storybook for ages and it&#x27;s a great tool but is there a good reason to consider cosmos over it?
评论 #26316856 未加载
preommrabout 4 years ago
&gt; You&#x27;re doing important work. Keep rocking.<p>&gt; Dan Abramov<p>Is this just a general quote from Dan, or is it about this product specifically?
评论 #26316115 未加载
Jonovonoabout 4 years ago
We recently moved from Storybook to Cosmos for our React Native app and love it a lot more!
elwellabout 4 years ago
Perhaps also similar to ClojureScript &quot;devcards&quot;: <a href="https:&#x2F;&#x2F;github.com&#x2F;bhauman&#x2F;devcards" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;bhauman&#x2F;devcards</a>
boris9999about 4 years ago
We replaced storybook with cosmos and it works much better for us. It&#x27;s light and focused, I enjoy using it much more. Thank you for your work!
aarpmcgeeabout 4 years ago
We&#x27;ve recently torn Storybook out of our app (in short, excessive bloat) and will definitely be giving this a try!
matchbokabout 4 years ago
Neat idea, but the website is very overwhelming with all the weird transitions and fades. Just show the content.
darepublicabout 4 years ago
Some interesting ideas, resonates with frustrations with poor dev workflows I have suffered from at times
rkachowskiabout 4 years ago
This tool looks really cool but I still don&#x27;t know what &quot;UI at scale&quot; means.