React Cosmos

Sandbox for developing and testing UI components in isolation.

[React Cosmos @ReactCosmos]

🚀 React Cosmos 7

◆ React 19 + Next 15 support
◆ UI refresh + mobile support
◆ Seamless Vite integration
◆ Better remote rendering

Try it out → https://t.co/Xny8gz9xgq

[React Cosmos @ReactCosmos]

Full release notes

https://t.co/z5ZQPglS34

[React Cosmos @ReactCosmos]

React Cosmos 6

◆ Plugins
◆ Integrations
◆ Features
↳ Lazy Mode
↳ Server Components
↳ MDX

https://t.co/3cnKJTrFoS

[Ovidiu @skidding]

What's a better name for React Cosmos plugins that interface with bundlers like Vite or Webpack?

This type of plugin implements both dev server and static exporting integration.

[React Cosmos @ReactCosmos]

That's all for now. Feedback appreciated!

[React Cosmos @ReactCosmos]

📣 Exciting News! Introducing the brand new documentation for React Cosmos! 📚

Let's dive into the highlights in this thread!
https://t.co/erkHvhA9yL

[React Cosmos @ReactCosmos]

As if all this was not enough... The React Cosmos plugin system is also fully documented for the first time! 🚀

[React Cosmos @ReactCosmos]

React Server Components now supported in React Cosmos 🔥

Switch seamlessly between Server and Client fixtures in the same project — It’s a lot of fun!

Get started with the latest Next 13 integration https://t.co/o90cjssNu4

[React Cosmos @ReactCosmos]

Join our new Discord to take part in the renaissance https://t.co/mniaLe0d4E

[React Cosmos @ReactCosmos]

v6 is being crafted meticulously

[Akamai Developers (formerly Linode) @akamaidevs]

React Cosmos is a library that provides a sandbox environment for developing and testing React components in Isolation.

This article shows how @ReactCosmos works by testing the components of a food ordering app in isolation: https://t.co/Mhx0Rck7iL @precious_origho @OpenReplayHQ

[React Cosmos @ReactCosmos]

A clear and concise case for using React Cosmos in your project by @manushacheti 👏

https://t.co/lJg9Ma4cs8

[React Cosmos @ReactCosmos]

A bug that was preventing Cosmos from working with @preactjs was fixed in v5.6.1 by @brianskold 👏

Preact away 🚀

[React Cosmos @ReactCosmos]

@antonioberetini Absolutely. Press the "cast" icon (top-right) and open the copied URL on your mobile device (make sure the host is accessible). You can change the fixture and play with knobs in the desktop UI and the component will update on your mobile device. Let me know if you need more info.

[React Cosmos @ReactCosmos]

That's all for now. Thank you and don't forget to spread the word – you can make a developer's day by introducing them to React Cosmos ❤️

[React Cosmos @ReactCosmos]

🎁 React Cosmos 5.5 is here to make making UIs even funner (thread)

[React Cosmos @ReactCosmos]

And for the adventurous, an early guide to React Cosmos UI plugins 😈
https://t.co/6xR7vJdzE2