Live data from Hacker News

Show HN: A Visual IDE for React

dev.aspect.app

91–100 of 148 posts

Re: Show HN: A Visual IDE for React

#91

This is super cool. If I worked in React I would love the ability to build most of an MVC through a GUI like this and avoid the waste of time. I really hate React, though. Throwing logic into HTML and JSX... just feels so hackish. Like, if I want to alter states on a thing in the DOM, I want all that logic in the JS in one neat class, not mixed with control flow in a template somewhere else. /rant Still, I think a fr…

You might not hate react, you might just be holding it wrong. A component could represent a discrete entity or thing you'd like to alter the state of. You might be able to handle that all locally in that component but beyond this limited case don't try to shoehorn state management into a view library. I highly recommend spending a few minutes getting to know MobX which I think maps very well to the concept of busines…

I built my own "reactive" stack a decade ago and just keep refining it. I wanted to de-couple template HTML from visual logic, and visual logic from business logic. So I model everything on components within components, they all bootstrap whatever DOM templates they need and inherit the same basic methods, and it's all tied together with an event model that handles long polling and push updates but, crucially, does not do anything in the basic HTML templates other than adding a couple attributes like "role='photo-button'" where you need them. Server updates cascade to each JS component which updates the things it thinks need to be updated at a given time. It's more hand-coded, but it's easier to read and a lot easier to micro-manage.

Re: Show HN: A Visual IDE for React

#92
post #83

This is super cool. If I worked in React I would love the ability to build most of an MVC through a GUI like this and avoid the waste of time. I really hate React, though. Throwing logic into HTML and JSX... just feels so hackish. Like, if I want to alter states on a thing in the DOM, I want all that logic in the JS in one neat class, not mixed with control flow in a template somewhere else. /rant Still, I think a fr…

Just a few days ago someone posted some snarky HN comments on React's initial release thread talking exactly about HTML and JSX being hackish, and all I could think was "well... it is." The popularity and success of a project doesn't mean that all its core assumptions/opinions are good, only that the project is popular and successful. Vue isn't perfect but I much prefer how it still lets you separate out various conc…

>>The popularity and success of a project

I think React (and Vue) are popular and successful because they meet 80% of the needs 80% of the time, and that's what you want and need from frameworks that are trying to do everything for everybody. They also make it a lot easier to go from a 6-month course into a low level coding job, and corporations are happier because the parts are more replaceable. In my mind, they're rather limited and hard to work with if you want to do anything outside the box, but there are always going to be frameworks because they solve the most common problems quickly.

Re: Show HN: A Visual IDE for React

#93
post #76

Disappointing to see the top comments are not encouraging of your efforts. This is not an easy undertaking and it's clear you've put a lot of time into it – you should be commended. I wish you the best of luck and look forward to seeing more of your work!

That means a lot, thanks!

Re: Show HN: A Visual IDE for React

#96
I would like to start off by saying this is a very cool idea, and I can see the hard work and ingenuity that went into this effort. I think it is especially impressive if this is a solo endeavor. However, as someone who has quite a bit of experience with React, a tool like this I could see getting in my way. I don't see this being particularly helpful, maybe for prototyping for designers. It looks like a solution looking for a problem to me, honestly. Anyway, at least it is cool, and shows off your skill! Thanks for sharing.

Re: Show HN: A Visual IDE for React

#97
post #55

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.

https://previewjs.com/ does that

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!

Re: Show HN: A Visual IDE for React

#98
Holy cannoli this is amazing!!

I have no better words than Mike Markkula's point 3 of Apple's marketing philosophy for you:

Point No. 3: Impute

“People DO judge a book by its cover. We may have the best product, the highest quality, the most useful software etc.; if we present them in a slipshod manner, they will be perceived as slipshod; if we present them in a creative, professional manner, we will impute the desired qualities.”

You have a stellar product - spend every waking moment polishing it. You already nailed point 1 and 2, that's why they're not included!

Re: Show HN: A Visual IDE for React

#99
post #76

Disappointing to see the top comments are not encouraging of your efforts. This is not an easy undertaking and it's clear you've put a lot of time into it – you should be commended. I wish you the best of luck and look forward to seeing more of your work!

ditto. Looks like a lot of work. Nice.

Re: Show HN: A Visual IDE for React

#100
post #76

Disappointing to see the top comments are not encouraging of your efforts. This is not an easy undertaking and it's clear you've put a lot of time into it – you should be commended. I wish you the best of luck and look forward to seeing more of your work!

[deleted]
Post reply on HN