React Cosmos

🚀 React Cosmos 7 ◆ React 19 + Next 15 support ◆ UI refresh + mobile support ◆ Seamless Vite integration ◆ Better remote rendering Try it out → github.com/react-cosmos/r…

Full release notes github.com/react-cosmos/r…

React Cosmos 6 ◆ Plugins ◆ Integrations ◆ Features ↳ Lazy Mode ↳ Server Components ↳ MDX reactcosmos.org

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.

That's all for now. Feedback appreciated!

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

📣 Exciting News! Introducing the brand new documentation for React Cosmos! 📚 Let's dive into the highlights in this thread! github.com/react-cosmos/r…

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 github.com/react-cosmos/r…

Join our new Discord to take part in the renaissance discord.gg/3X95VgfnW5

v6 is being crafted meticulously

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: lin0.de/SQCIDw @precious_origho @OpenReplayHQ

A clear and concise case for using React Cosmos in your project by @manushacheti 👏 javascript.plainenglish.io/5-reasons-to-c…

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

@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.

@ReactCosmos Is there a way to send a preview link to a mobile device for testing? Often, we play with knobs to adjust behavior of components and the best way to test is on the actual device. Any chance this is or will be implemented?

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 ❤️

And for the adventurous, an early guide to React Cosmos UI plugins 😈 github.com/react-cosmos/r…

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