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 Wasp •

Oh cool. That looks great, as well!

Collapse
 
warengonzaga profile image
Waren Gonzaga •

Amazing, thanks for sharing!

Collapse
 
matijasos profile image
Matija Sosic Wasp •

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 Wasp •

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 Wasp •

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 Wasp •

Get to work

Collapse
 
ricardogesteves profile image
Ricardo Esteves •

Cool!!!

Collapse
 
vincanger profile image
vincanger Wasp •

Thanks!

Collapse
 
martinovicdev profile image
Boris Martinovic Wasp • • 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 Wasp •

🙏

Collapse
 
hrvojeerjavec profile image
Hrvoje Erjavec •

I like where this is going

Collapse
 
vincanger profile image
vincanger Wasp •

join us 🤝

Collapse
 
themaker profile image
mich_thedev •

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

Collapse
 
vincanger profile image
vincanger Wasp •

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

Collapse
 
infomiho profile image
Mihovil Ilakovac Wasp •

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 Wasp •

DRY!

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 Wasp •

🙏

Collapse
 
davorrunje profile image
Davor Runje •

Nice 👏👏👏

Collapse
 
vincanger profile image
vincanger Wasp •

🙏

Collapse
 
themaker profile image
mich_thedev •

Also what theme was used in the demo

Collapse
 
vincanger profile image
vincanger Wasp •

The theme for the visualizer is react flow

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 Wasp •

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

Collapse
 
muskan025 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 Wasp •

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

Collapse
 
vincanger profile image
vincanger Wasp •

Oh tldraw ftw

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 Wasp •

Oh wow that’s awesome to hear :)

Collapse
 
mince profile image
Mince •

👍

Collapse
 
vincanger profile image
vincanger Wasp •

🙏

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
 
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
 
fernandezbaptiste profile image
Bap •

👏👏👏

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