4 ms·

I don't believe we need an IDE for React, it will end up dead like Dreamweaver or FrontPage. BUT, a Vscode plugin that visualizes self-contained components wit

I don't believe we need an IDE for React, it will end up dead like Dreamweaver or FrontPage. BUT, a Vscode plugin that visualizes self-contained components with all its styles intact would be nice: like I open MyComponent.tsx and in the right pane I see it visually, without running the actual webpage or server.

macray 4y ago
https://previewjs.com/ https://previewjs.com/ does that
- trenchgun 4y ago
  Looks great!
- JeanMeche 4y ago
  It's there some kind of equivalent for Angular components ?
- fwouts 4y ago
  Hey! Author of Preview.js here :) It's early days and you might find that Preview.js can be a little difficult to set up in a large, complex project (working on improving that now) but please send through any feedback on the GitHub repo or Discord server, much appreciated!
tscepo 4y ago
Been thinking about this a lot the past few days. The main reason this isn’t yet integrated into vscode is to allow designers to edit, like in webflow.
realharo 4y ago
Something like https://storybook.js.org/ https://storybook.js.org/? Not a VS Code plugin, but similar idea (though it does a lot more). SwiftUI and Jetpack Compose also support individual component previews in their respective IDEs. (https://developer.apple.com/documentation/swiftui/previews-in-xcode https://developer.apple.com/documentation/swiftui/previews-i..., https://developer.android.com/jetpack/compose/tooling#preview https://developer.android.com/jetpack/compose/tooling#previe...)
basisword 4y ago
Dreamweaver has existed for 25 years and it’s still around.
- can16358p 4y ago
  Well MS-DOS is still around. But nobody uses it because the industry moved to more efficient software after seeing there are better ways to solve the problem.
  - basisword 4y ago
    Plenty of people still use Dreamweaver. What WYSIWYG editor did all those users move to? They certainly didn't start writing React code.
ramraj07 4y ago
I’ve deployed serviceable small websites for my family and friends when I was a kid with Dreamweaver and Frontpage. As long as they support the marquee tag what are you complaining?
rylandking 4y ago
Similar is https://stackbit.com/ https://stackbit.com/. I've used it to make my React website visually editable so my marketers could have a WYSIWYG.
deleted 4y ago
[deleted]

macray 4y ago

https://previewjs.com/ https://previewjs.com/ does that

trenchgun 4y ago
Looks great!
JeanMeche 4y ago
It's there some kind of equivalent for Angular components ?
fwouts 4y ago
Hey! Author of Preview.js here :) It's early days and you might find that Preview.js can be a little difficult to set up in a large, complex project (working on improving that now) but please send through any feedback on the GitHub repo or Discord server, much appreciated!

tscepo 4y ago

Been thinking about this a lot the past few days. The main reason this isn’t yet integrated into vscode is to allow designers to edit, like in webflow.

realharo 4y ago

Something like https://storybook.js.org/ https://storybook.js.org/? Not a VS Code plugin, but similar idea (though it does a lot more). SwiftUI and Jetpack Compose also support individual component previews in their respective IDEs. (https://developer.apple.com/documentation/swiftui/previews-in-xcode https://developer.apple.com/documentation/swiftui/previews-i..., https://developer.android.com/jetpack/compose/tooling#preview https://developer.android.com/jetpack/compose/tooling#previe...)

basisword 4y ago

Dreamweaver has existed for 25 years and it’s still around.

can16358p 4y ago
Well MS-DOS is still around. But nobody uses it because the industry moved to more efficient software after seeing there are better ways to solve the problem.
- basisword 4y ago
  Plenty of people still use Dreamweaver. What WYSIWYG editor did all those users move to? They certainly didn't start writing React code.

ramraj07 4y ago

I’ve deployed serviceable small websites for my family and friends when I was a kid with Dreamweaver and Frontpage. As long as they support the marquee tag what are you complaining?

rylandking 4y ago

Similar is https://stackbit.com/ https://stackbit.com/. I've used it to make my React website visually editable so my marketers could have a WYSIWYG.

deleted 4y ago

[deleted]