Show HN: A Visual IDE for React

#1

Post by tscepo » Fri, May 13, 2022, 6:30 AM UTC

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, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

Show HN: A Visual IDE for React
dev.aspect.app

Re: Show HN: A Visual IDE for React

#2

Post by [deleted] » Fri, May 13, 2022, 6:51 AM UTC

[deleted]

Re: Show HN: A Visual IDE for React

#3

Post by chunkyslink » Fri, May 13, 2022, 7:12 AM UTC

Thanks for submitting this it was interesting to see. Is this an old project because the video example uses React Classes rather than functional components and hooks.

Re: Show HN: A Visual IDE for React

#4

Post by tscepo » Fri, May 13, 2022, 7:18 AM UTC

chunkyslink wrote: post #3

Thanks for submitting this it was interesting to see. Is this an old project because the video example uses React Classes rather than functional components and hooks.

Ah I used React classes out of habit—will update the exporter to output hooks instead. Thanks for the heads up!

Re: Show HN: A Visual IDE for React

#5

Post by your_challenger » Fri, May 13, 2022, 7:32 AM UTC

The video doesn't work

{ "error": { "code": 402, "message": "Quota has been exceeded for this project. Please visit the Firebase pricing page to learn more." } }

Re: Show HN: A Visual IDE for React

#6

Post by bmitc » Fri, May 13, 2022, 7:38 AM UTC

Seems interesting. As a note, I am not able to view the video on an iPad. (Not complaining. Just FYI.)

Re: Show HN: A Visual IDE for React

#7

Post by lordofgibbons » Fri, May 13, 2022, 7:38 AM UTC

I'm seeing a MIME type not supported for the video on Android Firefox

Re: Show HN: A Visual IDE for React

#8

Post by your_challenger » Fri, May 13, 2022, 7:42 AM UTC

your_challenger wrote: post #5

The video doesn't work { "error": { "code": 402, "message": "Quota has been exceeded for this project. Please visit the Firebase pricing page to learn more." } }

Works now

Re: Show HN: A Visual IDE for React

#9

Post by tscepo » Fri, May 13, 2022, 7:44 AM UTC

your_challenger wrote: post #5

The video doesn't work { "error": { "code": 402, "message": "Quota has been exceeded for this project. Please visit the Firebase pricing page to learn more." } }

Ah thanks for the heads up, just fixed!

Re: Show HN: A Visual IDE for React

#10

Post by _steady » Fri, May 13, 2022, 7:45 AM UTC

As someone who doesn't like to watch videos, i'd have loved some text content on this or any page explaining the proposition