Preview.js

🚀 Instant previews
🤖 Auto-generated props
🛠 React, Preact, SolidJS, Svelte, Vue 2 & 3
🖥 VSCode, JetBrains IDEs, CLI
🎈 Open source

Built with 💚 by @fwouts

[Preview.js @previewjs]

What's Preview.js exactly? Watch @fwouts tell us all about it in just over two minutes.

https://t.co/kLtWqcvcpI

[François Wouts @fwouts]

Preview.js v1.22 has already been out for a few days, but here's the full blog post with the juicy details 🥳

https://t.co/PEMTejDRI8

[François Wouts @fwouts]

Just finished recording a new short video for the https://t.co/UFyB2vPpxh homepage.

It showcases the "Save as @storybookjs story" feature, which is finally ready for everyone to use across all frameworks!

Now I just need to update all the docs 😬

[Preview.js @previewjs]

Preview.js v1.16 is out!

🚀 Brand new component explorer in Preview.js CLI
✨ Improved support for @vite_js projects
💡 Experimental support for @sveltejs

More details in the announcement post!

https://t.co/tMRk4o6KG7

[François Wouts @fwouts]

You can now use the Preview.js CLI to explore all components (and Storybook stories) in your codebase 🥳

All you need is to install @previewjs/cli 🚀

See https://t.co/a3YVUI9HW1 for more info!

#webdev #reactjs #vuejs #solidjs #buildinpublic

[François Wouts @fwouts]

H-2 before my @ViteConf talk about @previewjs and @vite_js 🙃

There are so many other amazing talks happening, make sure to sign up before you miss out!

[Preview.js @previewjs]

components

[Preview.js @previewjs]

⏩

[Preview.js @previewjs]

Preview.js v1.10 is out for VS Code, IntelliJ and CLI!

🚀 Brand new visual props editor
🎨 Automatic imports of global CSS files
📕 Support for @Storybook Component Story Format 3.0

https://t.co/d1Gxos7gOn

#webdev #javascript #reactjs #solidjs #vuejs #storybook

[François Wouts @fwouts]

The new properties editor for @previewjs is shipping in the next couple of days!

It's going to be a Pro feature, but I plan to make it free for everyone while it's in beta.

Stay tuned 🤩

#javascript #buildinpublic #reactjs #vuejs #solidjs

[Preview.js @previewjs]

@hasparus @magnemg @flybayer @qoouep I think it's great!

[François Wouts @fwouts]

The lovely people at @reactsummit asked if I could share my badge and let y'all know that I'll give a fun little talk about @previewjs 🚀

https://t.co/2SvOupPgPJ #ReactSummit #ReactJS #JavaScript

[François Wouts @fwouts]

So, @previewjs now kinda supports React Native, with some caveats... See the docs: https://t.co/b28DIHMnNc

I'm looking for some #reactnative devs to try it out!

Join the Discord to share your feedback: https://t.co/La5YrGJlRN

[Preview.js @previewjs]

Preview.js v1.7.0 is out:
- Improved support for React 18
- More human-friendly errors
- Refined console panel
- Built on top of the latest and greatest @vite_js v2.9.7

Take it for a spin if you write React, Solid or Vue components!

#webdev #javascript #reactjs #solidjs #vuejs

[François Wouts @fwouts]

Votes for #SolidHack are closing today!

@previewjs is competing in the "Best Ecosystem Utility" category.

If you love the idea of instantly previewing any component as you type, your vote would be truly appreciated ⭐️

Vote here: https://t.co/qpTSEVw4bx

#webdev #solidjs

[Preview.js @previewjs]

It has been a little over three months since Preview.js was launched.

What's next, you ask?

https://t.co/amMR5pV3s5

[Preview.js @previewjs]

@danieldelcore Indeed!

[François Wouts @fwouts]

New article out, first in a series of @previewjs internal architecture deep dives!

This one looks at the TypeScript Compiler API and how it can be leveraged to detect component definitions in source files 🚀

#typescript #devtools

https://t.co/f1DlQ3Zp1e

[François Wouts @fwouts]

I've just implemented a CLI for Preview.js 🙃

Useful for hardcore Vim/Emacs users, or perhaps if you just want to run it outside of your IDE...

I wrote up some docs at https://t.co/a3YVUI9HW1, let me know if you try it!

#buildinpublic #webdev #reactjs #solidjs #vuejs

[François Wouts @fwouts]

Voting for #solidhack has started!

@previewjs for #SolidJS is competing in the "Best Ecosystem Utility" category 🏆

You know what to do: https://t.co/qpTSEVvwlZ

#solidjs #webdev