PHP code is transpiled; JS renders the template, not PHP. It's a nice way to get rid of at least some parts of JS nonsense. This is now the most productive way to create a web app, dethroning Livewire and yet faster and with no limitations.
@@siddolo88 No I don't think You understand what its all about, maybe go through that video one more time. You are literally writing PHP code in the Vue template, this is the same pattern we did years ago when we wrote Javascript in PHP templates. This is a pattern we tried to move away from for few years now and apparently we are back at it again...
Fusion seems like it aims to become what i always felt that was missing with laravel + inertia, bringing the backend and frontend closer. This is amazing work!
Skipping contract definition between client and server seemed like the natural next step for laravel, happy to see that you jumped on it and pushed a high standard for the developer experience.
This is really nice experience, Aaron! Thank you for doing this, and please, pretty please, don't forget that most of the web is NOT a SPA, and benefits from being mostly server-rendered, with small islands of interactivity. Think ESI or AJAX price fetching in CDN-cached e-commerce websites. Also, I'd love to see this move into a direction where its more clear what goes over the wire, and what is static!
Oh, I've been thinking about PHP components like these recently! Can't wait for a full release, and to see if it's portable (not using Laravel unfortunately)!
Woah! This is super cool! I don't envy the work ahead, but if anyone can take it on and make it super cool, you're the one! Good luck - can't wait to see where this goes (and to dig into the open source when available for my own learnings)
This looks amazing man , Can't wait to try it out, Some things I think you should cover in future vides are stand alone components and how they interact with each other , classic routing , also the state of tooling like syntax highlighting and code completion for PHP in VS Code/PhpStorm in Vue & JS/JSX/TS/TSX files.
This is looking great, I'm looking forward to giving it a try :D. For some reason though, I think I'd rather do to follow Vue's conventions. I know it's more typing and all that, but it seems less magical :).
19 minutes of Aaron saying "That's not the impressive part" then continuing to blow our minds! Also, how did you write this AND Solo in the same time period? When do you sleep magic man!
The fact that stuff like this didn't exist is why things like Next and Nuxt exist. If only we could bring innovations like this back in time... I might've stayed more of a full stack developer for more of my career.
This looks very interesting. Struggling to see where this fits in with Livewire, Intertia, Folio and Volt but very eager to checkout the repo when it's published.
Ah cool idea. I imagine.. During npm build, preg_match the php blocks & submit to an endpoint that accepts the body, runs a little bit of static analyzing to figure out the declared vars and pack them into a json payload then saves a file with the component name then registers an effect to fetch from that endpoint and store the state. :) I imagine one cool optimization, could be a post build compiler pass that traverse the output AST and finds duplicate calls which it can then cache using like spatie/once and perhaps stick it in a frontend context or store. Anyways, I hope it becomes a nice productivity boost without too much complexity overhead 😊
As a long time typescript guy, this is pretty sick.
Awesome! Laravel day by day is becoming the Ultimate FullStack Framework
Ohh this is why Aaron was talking about parsing PHP and ASTs. Amazing job!
Using PHP as a templating language? We’ve come full circle.
Yeah it's crazy, it's like people have forgotten why we replaced this design pattern years ago.
cant wait for the $249 course on this
PHP code is transpiled; JS renders the template, not PHP. It's a nice way to get rid of at least some parts of JS nonsense.
This is now the most productive way to create a web app, dethroning Livewire and yet faster and with no limitations.
Template here is full Vue or JSX. I think you didn’t get what’s all about
@@siddolo88 No I don't think You understand what its all about, maybe go through that video one more time. You are literally writing PHP code in the Vue template, this is the same pattern we did years ago when we wrote Javascript in PHP templates. This is a pattern we tried to move away from for few years now and apparently we are back at it again...
Great job! Hats off to the team! 🌟
Amazing work Aaron, I can't imagine how efficient and disciplined you are.
This is awesome!!!
This is actually very impressive!
"...Idk! Do some programming!" Aaron is great haha. This is amazing!
Fusion seems like it aims to become what i always felt that was missing with laravel + inertia, bringing the backend and frontend closer. This is amazing work!
Inertia is fine. Here we have to learn a completely different way of doing things. With inertia you can just start developing with minimal change.
12:29 “If you don’t like this syntax, there’s an entirely separate syntax that you can use”
Oh that? That’s just peak Aaron
Haha yeahhhhh
@@aarondfrancis And the seperate syntax really is the one that made me go "Nice! Very nice" :-)
Ooo, this is so cool! Was just talking with some devs about how inertia has made state management so much easier and now there's this 🤯
Nice, this is what all the hubbub was about on Twitter!
Your productivity and that of Laravel team needs to be studied and published for the rest of us to learn. Always magical 🚀🚀🚀🚀
No way. That's amazing. Great work Aaron!
I'm glad I bet on Laravel cuz of you, it just keeps getting better and better
Very cool Aaron 👍
This is crazy! This is just crazy! I'll support it. Even if I'm not a php developer anymore. Big game guys and thank you so much for your work!
Skipping contract definition between client and server seemed like the natural next step for laravel, happy to see that you jumped on it and pushed a high standard for the developer experience.
is a very remarkable project. I will follow its development closely.
Wow mind blowing. I'm very excited to use this.
This is really nice experience, Aaron! Thank you for doing this, and please, pretty please, don't forget that most of the web is NOT a SPA, and benefits from being mostly server-rendered, with small islands of interactivity. Think ESI or AJAX price fetching in CDN-cached e-commerce websites. Also, I'd love to see this move into a direction where its more clear what goes over the wire, and what is static!
I think it is built on top of Inertia and it supports server side render, so we're safe on that
Wow. Great work, mate! It's a very exciting project. Can't wait to see it flying high. Well done!
Now the fullstack is the future! Great job!
This is so cool dude! Nice work! 👏👏
Started using livewire, and love it. Hope this will be even better, especially with inertia js 2.0!
Bro you have made my dreams come true. You are a mad man!
Oh, I've been thinking about PHP components like these recently! Can't wait for a full release, and to see if it's portable (not using Laravel unfortunately)!
We're ready for this - much needed!
Aaron is changing the world
This is insane, pretty cool, probably the coolest front-back merge concept I've seen.
Can't imagine how that would work with React.
Woah! This is super cool! I don't envy the work ahead, but if anyone can take it on and make it super cool, you're the one! Good luck - can't wait to see where this goes (and to dig into the open source when available for my own learnings)
best thing Ive seen this year
🤯crazy! 🔝
Gona help on this project for sure!
damn you insane! love you guys!
gonna love to use Vue after this because of the PHP xD
can't wait to see how's the react version going to look !!
this looks fun!
Whoaa this is EXCITING!!! I'm definitely checking Fusion out once it's out
freakin awesome!!! already hyped!!!!!
❤You're appreciated Aaron!
hope this would make programming easier for fullstack devs, i'll keep an eye on fusion! great job aaron, keep up inventing 🎉
This looks amazing man , Can't wait to try it out, Some things I think you should cover in future vides are stand alone components and how they interact with each other , classic routing , also the state of tooling like syntax highlighting and code completion for PHP in VS Code/PhpStorm in Vue & JS/JSX/TS/TSX files.
What a great update 👌
What a come back bro!! Love it!!
This is looking great, I'm looking forward to giving it a try :D. For some reason though, I think I'd rather do to follow Vue's conventions. I know it's more typing and all that, but it seems less magical :).
Came to my Google feed. Thanks to the meta tags. Okay so I will be testing this fusion this weekend.
Haha well I hate to disappoint but I'm open sourcing it on Monday! So maybe next weekend! 🙈
@aarondfrancis next weekend it is then. Anyways subscribed for any new updates
This looks great! Very excited to check this out. Great work as always.
Great work! Looks cool!
Chapeau! Can't wait for the React Support 🤩
Reminds me of Remix and really blurring the line between front end and back end. Well done 👍
this is amazing 🤯
I am HYPED 🤍🤍
OMG this is incredible!
Amazing stuffs Aaron!
You'll end up breaking the internet with all your R&D
Woohoo 🎉
This looks neeaaaaat!
PHP (Laravel) & Vue = Amazing ✨️
Great work ❤
this is beautiful
SIR! you are wonderful
Woow. This is awesome!!!!!
This is 🔥
19 minutes of Aaron saying "That's not the impressive part" then continuing to blow our minds!
Also, how did you write this AND Solo in the same time period? When do you sleep magic man!
That is Amazing!!!
We just need a Svelte adapter and we are golden!
You're crazy!!! Nice!
Wonderful !!
Final boss of frameworks
Cool stuff. Keep shipping
This is killer
Love it.
This is insane. I had trouble with intertia js and the amount of required boilerplate, got high hopes for this.
This could be huge
Obrigado pela dublagem em português, amigo, você é um amigo
This has a lot of potential, cant wait to play around with it!
You don't have to LIKE it or USE it . Leave it for those who LOVE this way of doing things. Mind absolutely blown!!!
One day you’ll be hired to work with project made in early 2000’s style. And youll have to love it.
This is beautiful. Also, great name.
Thanks I made it up (aka stole it from you)
The fact that stuff like this didn't exist is why things like Next and Nuxt exist. If only we could bring innovations like this back in time... I might've stayed more of a full stack developer for more of my career.
I gotchu! Come back!
It is awesome!
What a madman. 🍿
Its great.
This is so neat, now i can raw dog sql inside php inside my js inside my html-in a type safe way; i might cry.
And Blazor
👍
I love it
This looks very interesting. Struggling to see where this fits in with Livewire, Intertia, Folio and Volt but very eager to checkout the repo when it's published.
🎉amazing
So we doing Astro with php for templating instead of jsx. Nice 👍👍👍
PHP is not used at all for templating. That's all up to Vue or React. The PHP just passes the data over the wire.
I'll like it 😍😍
Ah cool idea.
I imagine..
During npm build, preg_match the php blocks & submit to an endpoint that accepts the body, runs a little bit of static analyzing to figure out the declared vars and pack them into a json payload then saves a file with the component name then registers an effect to fetch from that endpoint and store the state. :)
I imagine one cool optimization, could be a post build compiler pass that traverse the output AST and finds duplicate calls which it can then cache using like spatie/once and perhaps stick it in a frontend context or store.
Anyways, I hope it becomes a nice productivity boost without too much complexity overhead 😊
Pretty close! Vite means that I don't have to regex it, I can just look for a "custom block" named "php" and then pass it over to Artisan.
🎉 awesome
Amazing
thats Cooooool
this is so cursed :Dd i'll have to sleep on it.
This is nice!..
It's actually pretty good 🤔
Great!
This is like a vue version of Livewire Volt.
My mind's racing.
This looks awesome. Could you summarise how it differs from live wire or volt?
1) Livewire doesn't support Vue or React
My dream is that JS will become the new CGI script, you know its there but you never seen. 😂