Components.studio

📣 Announcing the brand new @ComponentsStdio 👩‍💻 Code your component in isolation! ✅ Push code to @github ✅ Publish package to @npmjs ✅ Deploy a website to demo or promote it What are you building next? components.studio (Please consider Retweet to spread to ❤️)

<🎁 Dec 16th> #AdventOfDivRIOTS 🚀 NEW! Build #Astro components in isolation and release them to npm in one click! @astrodotbuild components syntax now supported: - Code syntax highlighting - Stories Try it out 👉 components.studio/edit/0uBjuej7M… Merry Advent of Code 🎄

<🎁 Dec 8th> #AdventOfDivRIOTS 🔷 #VSCode Custom Data support for #HTML and #CSS! Enriched autocomplete of HTML and CSS directly in the editor, like in @code! Available for @webcomp_dev, @backlight_dev & @ComponentsStdio Try it out 👉 backlight.dev/edit/xS11aQmjM…

🐶 What about a native support of @pug_js as template syntax for @vuejs #components? It's now available in our studios (@backlight_dev, @webcomp_dev, @ComponentsStdio), nothing to do! Chect it out 👉 components.studio/edit/abtUEEEcv… #vuejs #js #pug #troisjs

@sarah11918 So cool to read this ❤️ If you have any issues or questions, the team is here for you and also on discord discord.gg/XkQxSU9 👍

@sarah11918 @astrodotbuild Hey Sarah! Thanks for reaching out! @astrodotbuild absolutely on our list! As soon as @n_moore gets the new @TinyGolang Astro compiler ready, we will jump into the integration! Will be really cool 👍

🚨 Editing 3D objects with #TroisJS and @vuejs components in @ComponentsStdio ! Try: components.studio/edit/3OyIgE8jY…

We moved from Google Analytics to Fathom Analytics (@usefathom). We are happy to provide more privacy to our users! usefathom.com

🆕 We support @gitlab 🎉 We are maybe the first online IDE to support @gitlab today so we are very proud 😇 #webdev #componentdriven #javascript #typescript

🚨 We now support #reactnative ! 🚨 We are pleased to add support for #reactnative to our list of technologies 🤗 Demo: components.studio/edit/O4mJ4Efjk… #webdev #javascript #100DaysOfCode

If you don't know #Mithril yet, you can check out: mithril.js.org

🆕 Mithril JS starter kit - available in landing! You can now instantly 🥼 Tinker with #MithrilJS 🎥 Make a demo 🐛 Reproduce and share an issue Demo: components.studio/edit/NSnjVFUdA… components.studio #webdev #100DaysOfCode

The Components.studio team is growing!

You never run `npm install` on components.studio - We get dependencies from our custom CDN as you import them in code 😎 You can now also get them from @skypackjs, @jspm or @unpkg automatically: setup in our 🆕`studio.config.json` And more 👇 ➡️ components.studio/docs/studio.co…

Specs for CSS Modules github.com/css-modules/cs…

🆕 Support for CSS Modules! On top of our support for Global and Constructable Stylesheets, we now support CSS Modules 👍 Following the steps of @snowpackjs, @vite_js and @_developit's WMR 🌠 More details 👇 webcomponents.dev/docs/css/ #javascript #typescript #100DaysOfCode

64 starter-kits and counting!

60 starter kits already! 🤯

✅ Major improvement on the linting! - Check of rules with #eslint ! (beta) - #prettier formatting can be switched off Configuration details in the link below components.studio/docs/folder-co…

🆕 New feature! *Tests folder!* 📁 Organize your tests 📖 Get a report automatically 🧪 Supports Tests in #javascript and #TypeScript #webdev #mochajs

We can't wait to see your next component ❤️ Ask us anything on our @discord server! discord.com/invite/YE3zYKK

Deploy a Website to demo or promote your component. Dependencies are automatically bundled with @RollupJS, full static, under 5 seconds 🚀 It might be the fastest way out there to build and deploy a small website ! 😎 (🚧 Netlify coming soon)

📣 Announcing the brand new @ComponentsStdio 👩‍💻 Code your component in isolation! ✅ Push code to @github ✅ Publish package to @npmjs ✅ Deploy a website to demo or promote it What are you building next? components.studio (Please consider Retweet to spread to ❤️)