Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: A Visual IDE for React

dev.aspect.app

Post reply on HN
Print view View original

81–90 of 148 posts

Re: Show HN: A Visual IDE for React

#81

Post by noduerme »

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 front-end like this could actually make it a lot friendlier for newbs and also save a ton of time for people who have to work in what I consider a nightmare of a stack... either way it looks like a samurai level piece of code that will be appreciated.

Re: Show HN: A Visual IDE for React

#82

Post by noduerme »

beshur wrote: post #50

Sorry, I could not go farther in the video after watching the narrator trying to accurately click on all those inputs, dropdowns etc. simultaneously saying "writing this in code would be annoying". In my opinion using mouse pointer to click things on screen is annoying when it comes to programming.

Generally when I watch a code demo I appreciate if the demonstrator doesn't use keyboard shortcuts, because I'm trying to focus on the actions not the way you get to those actions. And having a mouse move around gives you a moment to think about the last thing they said and how it fits with your projects.

Re: Show HN: A Visual IDE for React

#83

Post by pc86 »

noduerme wrote: post #81

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 concerns. If it had half (or even 1/3) the community React does I think it could surpass React.

Re: Show HN: A Visual IDE for React

#85

Post by [deleted] »

noduerme wrote: post #81

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…

[deleted]

Re: Show HN: A Visual IDE for React

#87

Post by runako »

solarkraft wrote: post #84

Visual editors are great! However closed source development tools tend to not do very well.

One of the top dev tools in the world is Microsoft's Visual Studio (not VS Code). It's doing fine. Similarly, JetBrains makes an incredibly popular set of closed-source dev tools[1].

Most people use dev tools as a part of their jobs. Employers buy tools for their employees. It's a good idea to make great software for developers and then to charge money for it so that you can keep shipping.

1 - https://news.ycombinator.com/item?id=21796793

Re: Show HN: A Visual IDE for React

#88

Post by tepitoperrito »

noduerme wrote: post #81

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 business logic and state encapsulated (in one class if you'd like) and seperated from the view layer.

Re: Show HN: A Visual IDE for React

#90

Post by bzxcvbn »

kristiandupont wrote: post #32
the_other wrote: post #26

Hey, well done for getting something functional working and in the public eye. > I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head I'd call the pre-rendering in your head a benefit, tbh. Also.. watching your vid, the property editor being "far away" from the selected item renders this tool much less useful to me than writing code. My eyes…

> I strongly dislike Tailwind and similar tools because they prevent this kind of coding/debugging No they don't? I use the inspector all the time to figure out what values to set. Granted, I then translate those to Tailwind in my head, so there is an extra step compared to directly copying the style but that's a very small price to pay for all the advantages that I get from Tailwind.

What are the advantages, really? I used to use tailwind for my site, but then I realized I was essentially writing plain CSS in some DSL. Writing the plain CSS directly and using a few CSS variables for things like color and spacing simplified the whole thing greatly.
Post reply on HN