DEV Community

Cover image for 🥇The first framework that lets you visualize your React/NodeJS app 🤯

🥇The first framework that lets you visualize your React/NodeJS app 🤯

vincanger on April 23, 2024

Visualize the Prize Imagine you’re working on your full-stack app, and you want to implement a new feature. It’s a complicated one, so y...
Collapse
 
nathan_tarbert profile image
Nathan Tarbert

Nice addition; I think seeing a high level visualization of your application and workflows is extremely important as a developer to help with efficiency.

That's one of the reasons we built the Wing Console that gives you a diagram of your application and lets you interact with it.

Great job!

Collapse
 
vincanger profile image
vincanger

Oh cool. That looks great, as well!

Collapse
 
warengonzaga profile image
Waren Gonzaga

Amazing, thanks for sharing!

Collapse
 
matijasos profile image
Matija Sosic

This is a very cool demo plus I love the glimpse into the LLM-powered collaboration on the code in the future. Very well written!

Collapse
 
vincanger profile image
vincanger

Thank you, sir! Excited for the future of web development, that's for sure :)

Collapse
 
zvone187 profile image
zvone187

this is literally something I've always wanted for every project I worked on to have. I'm a visual person and this would help a lot. Great job 👏

Collapse
 
vincanger profile image
vincanger

Thanks so much 🙏

Collapse
 
sodic profile image
Filip Sodić

Ah, colleagues posting about stuff we barely have working internally...

Looks like we're finally a proper company :D

Collapse
 
vincanger profile image
vincanger

Get to work

Collapse
 
ricardogesteves profile image
Ricardo Esteves

Cool!!!

Collapse
 
vincanger profile image
vincanger

Thanks!

Collapse
 
qualar_mechanics profile image
Atai Barkai

This is really really cool. I can think of lots you can do with this global context!

Collapse
 
vincanger profile image
vincanger

🙏

Collapse
 
michthebrandofficial profile image
michTheBrandofficial

I really love this demo. Can it support other frameworks too?

Collapse
 
vincanger profile image
vincanger

It will in the future but for now just react, react-query, nodejs and prisma

Collapse
 
martinovicdev profile image
Boris Martinovic • Edited

Practicality at its finest! Great feature that makes it simple to understand the app without spending too much time. Amazing work!

Collapse
 
vincanger profile image
vincanger

🙏

Collapse
 
infomiho profile image
Mihovil Ilakovac

Oh no! Did we really publish this? This is the Wasp's secret sauce 😳

Jokes aside, this is the core idea behind Wasp: high levels of abstraction and not repeating the same old code every time.

Collapse
 
vincanger profile image
vincanger

DRY!

Collapse
 
mmaksimovic profile image
Milica

I love it how alongside new stuff that's coming up, I also hear about tools like tldraw. (Excalidraw user here 😁)

Collapse
 
vincanger profile image
vincanger

Oh tldraw ftw

Collapse
 
davorrunje profile image
Davor Runje

Nice 👏👏👏

Collapse
 
vincanger profile image
vincanger

🙏

Collapse
 
hrvojeerjavec profile image
Hrvoje Erjavec

I like where this is going

Collapse
 
vincanger profile image
vincanger

join us 🤝

Collapse
 
mastro profile image
Dimitrios Mastrogiannis

Wasp Studio was so helpful for us as first time web developers. It really helps you visualize everything, no need for pen and paper, or ugly sketches!

Collapse
 
vincanger profile image
vincanger

Oh wow that’s awesome to hear :)

Collapse
 
michthebrandofficial profile image
michTheBrandofficial

Also what theme was used in the demo

Collapse
 
vincanger profile image
vincanger

The theme for the visualizer is react flow

Collapse
 
muskandodmani profile image
Muskan Dodmani

Voila!!
This is the solution to the problem I couldn't find a suitable answer for.

Collapse
 
vincanger profile image
vincanger

very cool! let us know how it goes for you :)

Collapse
 
fabrikapp profile image
Fabrikapp

I see a great potential (to spend all my times on it the next 5 days).

Collapse
 
vincanger profile image
vincanger

Nice. Join the discord and let us know how it goes!

Collapse
 
mince profile image
Mince

👍

Collapse
 
vincanger profile image
vincanger

🙏

Collapse
 
cubiclesocial profile image
Info Comment hidden by post author - thread only accessible via permalink
cubiclesocial

Instead of cron, you should be using xcron. It's far more powerful and flexible than anything else out there and should, IMO, be replacing cron on all deploys:

github.com/cubiclesoft/xcron

I run xcron on all of my infrastructure. Of course, I'm the biased author of xcron but it's slowly and quietly gaining a following. Once you've used xcron, you won't ever go back to cron. Both cron and xcron can run side-by-side on the same system until you are confident that it works as advertised.

Collapse
 
bofcarbon1 profile image
Brian Quinn

I would like an assistant that is intuitive about the sometimes ridiculous steps to set up, build and run apps in these monolithic repositories. If I have to start 5 servers and 3 databases then go to my notes on line commands so that docker can build images and packages work in perfect harmony. I'll be happy to help train the model and feed the neural network to get there. Right now I'm just starting PyTorch and playing the math loops over letting the linear algebra sink in again. Who am I visualizing for again?

Collapse
 
fernandezbaptiste profile image
Bap

👏👏👏

Some comments have been hidden by the post's author - find out more