Darn, the men not only makes good content, dunk memes on the community but manages to make insane actual production code in the process. Adopt me please
this is one aspect that i like when framework compete with each other, initially react introduce us to server action, then nextjs as an early adopter showed us how it could be implemented and what benefits it brings. then other framework (in this case astro) perfected the ideas and the implementation even more from what it learnt from nextjs. im curious as to what new things/ways the remix team will bring to the ecosystem. these framework will learn from other framework what works and what doesn't works and keep building upon those ideas, eventually innovating better and better ways to do things
When using React 19: all form actions will fallback to the server, and reload the page with new data. Progressive enhancement just works (TM) When using other frameworks: you can pass an action directly to a form's `action` attribute. This will add a little ?queryParam to tell the server which action to call for progressive enhancement
This might not be the most relevant place to place this concern but I have been working with astro and really enjoying it... BUT when using it with a headless CMS (which most astro sites will have) It is not very straight forward to set up a live preview or visual editing, because of the nature of SSG it seems like this is either only possible using CSR or SSR and then having to separate deploys for previews (SSR) and one for the prod site (SSG). So my maybe this is better to ask of the CMS companies to make a process to set up live editing without this level of friction? Anyways if anyone knows a way around this, or have dealt with this before let me know. I am using Sanity currently but an example with any headless CMS would be fine. Seems like once again SSR is pretty much required to do useful things.
This has definitely come up! Vercel is the only host I've seen "solve" this with a dedicated draft mode. Otherwise, I agree we could have some sort of SSR-only-in-preview setup docs.astro.build/en/guides/integrations-guide/vercel/#excluding-paths-from-caching
I've heard that a few times! Also find myself using .safe more time than not. I think flipping to the default and adding an orThrow() for the alternative is a good change
Finally a framework which adds complete features and thinks about real developer scenarios. Not some half-backed ass shit figure out and get fucked features (I'm looking at you, nextjs)
I am moderately new as a dev... a few years. I have never found a use case to make php worth it... yeah, it's in a lot of legacy code... but I can't see why someone would reach for it first anymore.
@@patrickjreid Take a look at Laravel + Inertia + {insert your JS framework}. All this back-end + front-end glue code problem (and front-end routing) is basically solved.. It's pretty awesome. PHP + Laravel has a great ecosystem and the community is pretty alive, PHP is not only legacy systems and Wordpress anymore
It looks wonderful except for the disgusting requirement of ZOD and that "safe" should be the default. People must understand that exceptions need to be... The exception
In the documentation in the Routes part of Astro, it is very conventional the way it is done in NEXT, I simply hate the applied convection, it completely takes away the freedom of customizing the url, I use Vitejs and React with react-router-dom, I was able to configure it smoothly routes like any-coisas.localhost:3000/ or any-coisas.localhost:3000/slug,,, this in astro is quite annoying to configure and I don't even know how the urlr prefix would be done, something like maria.localhost: 3000/home I like having the freedom to define my routes and not pass data through parameters in the url but control via state... This was the annoying part of Astro that I've seen so far
This man is the greatest product person in history... the charisma, the charm, the technical expertise!
Darn, the men not only makes good content, dunk memes on the community but manages to make insane actual production code in the process. Adopt me please
Sorry this component does not accept children
Ah you forgot to add the children prop in the types 😂
@@bholmesdevspat my coffee laughing 😂
Astro comes to solve all the details that we like .
this is one aspect that i like when framework compete with each other, initially react introduce us to server action, then nextjs as an early adopter showed us how it could be implemented and what benefits it brings. then other framework (in this case astro) perfected the ideas and the implementation even more from what it learnt from nextjs. im curious as to what new things/ways the remix team will bring to the ecosystem.
these framework will learn from other framework what works and what doesn't works and keep building upon those ideas, eventually innovating better and better ways to do things
This channel should really have much more subscribers
Awesome video - earned a sub. Very rarely do you see content this fun in the advanced tech world
Man I live these kind of formats! good luck with that 😆
I always wanted to make a presentation exactly in this style at my job, I'm glad someone had the same idea
Wild... I gonna be trying this with a few endpoints I'm currently rolling for course enrolments and stripe
Whenever you present something everybody learn it immediately haha, really nice video 🙌🏻
This is the best video on UA-cam
No questions asked.
Haha fun way to do this. I like the dev event style.
Ben is on 🔥 lately
Well well well what's up with the intro? hahahaha well done!
Absolute legend!
i think i fell in love with the astro corp
Great vid man, I would LOVE to know what vscode theme your using!!!
Thanks! It's Astro's own Houston theme marketplace.visualstudio.com/items?itemName=astro-build.houston
This is insane
Actions with a TRPC-like API! 😯🤯
I can't take you seriously without a turtleneck!
How does the progressive enhancement work here? Does astro setup a form action when pre-rendering the page?
When using React 19: all form actions will fallback to the server, and reload the page with new data. Progressive enhancement just works (TM)
When using other frameworks: you can pass an action directly to a form's `action` attribute. This will add a little ?queryParam to tell the server which action to call for progressive enhancement
This might not be the most relevant place to place this concern but I have been working with astro and really enjoying it... BUT when using it with a headless CMS (which most astro sites will have) It is not very straight forward to set up a live preview or visual editing, because of the nature of SSG it seems like this is either only possible using CSR or SSR and then having to separate deploys for previews (SSR) and one for the prod site (SSG). So my maybe this is better to ask of the CMS companies to make a process to set up live editing without this level of friction? Anyways if anyone knows a way around this, or have dealt with this before let me know. I am using Sanity currently but an example with any headless CMS would be fine. Seems like once again SSR is pretty much required to do useful things.
This has definitely come up! Vercel is the only host I've seen "solve" this with a dedicated draft mode. Otherwise, I agree we could have some sort of SSR-only-in-preview setup docs.astro.build/en/guides/integrations-guide/vercel/#excluding-paths-from-caching
I wish safe was the default and unsafe existed as escape hatch
I've heard that a few times! Also find myself using .safe more time than not. I think flipping to the default and adding an orThrow() for the alternative is a good change
How do you not have over a million subscribers??
so what is your choice when it comes to javascript frameworks Ben?
Astro Will supports other schema libraries like valibot or effect/Schema?
What a great fucking intro dude. Unbelievable 😍
Finally a framework which adds complete features and thinks about real developer scenarios. Not some half-backed ass shit figure out and get fucked features (I'm looking at you, nextjs)
how about determinate progress by uploading file can we use it in server action?
that's some good video editing right there
this is amazing
What is your VS code theme? :p
This is actually fire !!!!
Meanwhile php still paying the bills of deva since ages
I am moderately new as a dev... a few years. I have never found a use case to make php worth it... yeah, it's in a lot of legacy code... but I can't see why someone would reach for it first anymore.
@@patrickjreid Take a look at Laravel + Inertia + {insert your JS framework}. All this back-end + front-end glue code problem (and front-end routing) is basically solved.. It's pretty awesome. PHP + Laravel has a great ecosystem and the community is pretty alive, PHP is not only legacy systems and Wordpress anymore
why im not subbed to you, lemme just fix that
Really nice!
Holy fuck man now this is content
Love the Vsauce references
How old Are you ? Good explanation 👏👏
I love the spectacular millennial nerd memes
No Chick-fil-A sauce?!
It looks wonderful except for the disgusting requirement of ZOD and that "safe" should be the default. People must understand that exceptions need to be... The exception
I’m open to safe being the default! Seems most people reach for it in practice
@@bholmesdev probably a getUnsafe is more clear and makes people think more about what it entails
minecraft mentioned lfgo
💚🔥💚🔥💚🔥💚🔥💚🔥
vv good video!
vv much appreciate that!
let num = isNaN(+str) ? 0 : +str;
Cloudflare is far from being the cool kid on the block..
I'd beg to differ ua-cam.com/video/_dtyYDwHAIc/v-deo.html
Cornier than @t3dotgg's hair (the intro that is) 😂
gooch()
😂
How you settings in top of the vs code 🥹🥹🥹
In the documentation in the Routes part of Astro, it is very conventional the way it is done in NEXT, I simply hate the applied convection, it completely takes away the freedom of customizing the url, I use Vitejs and React with react-router-dom, I was able to configure it smoothly routes like any-coisas.localhost:3000/ or any-coisas.localhost:3000/slug,,, this in astro is quite annoying to configure and I don't even know how the urlr prefix would be done, something like maria.localhost: 3000/home I like having the freedom to define my routes and not pass data through parameters in the url but control via state... This was the annoying part of Astro that I've seen so far
I find Astro Design terrible, I will stick with Next.js which is industry standard SSR