AUDIO NEEDS TO BE LOUDER! The volume I have now is basically party mode when watching Netflix but listening to your is like almost slight whispering/talking.
@@colbyfayock the best idea is to get a small clip from RUclips for example LTT (his volume is good) and import into your video before rendering. Hit playback and watch the audio monitor. As far as I'm aware it always should be on the green part when speaking
I'm making my portfolio now and I'm interested in Astro, so I need the state of the item highlighted in the Header to be transmitted between the pages, but it seems that this cannot be done. Is it so?
Is the JS scoped to the page the component is on, or bundled with the entire app? This could get real heavy if there's no way to split/scope components.
hey! good question. the JS is served in their own bundles, from my understanding it will only be served where the component is used, you can look in the network tab to see how that's actually working in practice
Your videos are helpfull, I watch every new one. But I have a recommendation for audio valume, please could you rise it up I mean the voice. Thank you.
Isn't this basically what svelte does? All the js on the build? Also, besides the static generation how does this compare to Vite? I like the idea of defining your own build process but I gotta have that hot reload unless using live server vs code extension
hey good question! I haven't played around with Svelte enough to give an educated answer on that, similar with Vite, but they're both on my list of things I need to get familiar with. agreed with hot reload, I would imagine they'll try to solve those things as time progresses 🤔still early beta so lots more in store
@@EmmanuelNgwandu yes! though you just want to be careful. if you're statically rendering it without shipping JS, then you can do that with no impact on the end user, but of course if you hydrate it will ship all libraries which would probably be a lot
@@colbyfayock ... you can make a new video (if you want and think the topic got the views to make it worthwhile) and link it in the desc. and those tiny popups that RUclips allows you to add :)
How much improve performance can be expected from static rendering tools like this for dynamic websites that fetches external resources like maps, images, videos, etc?
i dont have any stats but it really depends on the application. with Astro particularly, part of the draw is avoiding shipping framework JavaScript just to use it as a sort of templating language. static generally though helps load the experience in the browser faster with a pre-rendered page
thank you :) not available right now but it's here: www.bonfire.com/black-lives-matter-css/ - looks like you can get a nice sweatshirt though www.bonfire.com/blm-css/
thank you :) anything particular? i made this video before ruclips.net/video/OIWVJj9yRbA/видео.html but some of the stuff i use is Rainbow Brackets, Rainbow Indent, my theme when recording is Night Owl
Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course
Ah I'm excited to get into this! You read my mind, man. Astro seems really great, thanks for putting this together!
np hope it helps!
I am also excited to get into this✨let’s go 💪🚀
Super clear tutorial, really well done. Would love to see more Astro content, since there isn't much out there right now. Thanks, Colby!
thanks Matthew!
AUDIO NEEDS TO BE LOUDER! The volume I have now is basically party mode when watching Netflix but listening to your is like almost slight whispering/talking.
thanks for the feedback
@@colbyfayock the best idea is to get a small clip from RUclips for example LTT (his volume is good) and import into your video before rendering. Hit playback and watch the audio monitor. As far as I'm aware it always should be on the green part when speaking
I thought I was the only one. man my volume was 100% and still can't hear it properly
I'm making my portfolio now and I'm interested in Astro, so I need the state of the item highlighted in the Header to be transmitted between the pages, but it seems that this cannot be done. Is it so?
i haven't done this (this would be a good video) but check this out: docs.astro.build/en/core-concepts/sharing-state/
Is the JS scoped to the page the component is on, or bundled with the entire app? This could get real heavy if there's no way to split/scope components.
hey! good question. the JS is served in their own bundles, from my understanding it will only be served where the component is used, you can look in the network tab to see how that's actually working in practice
Your videos are helpfull, I watch every new one. But I have a recommendation for audio valume, please could you rise it up I mean the voice.
Thank you.
Thanks for the feedback!
Isn't this basically what svelte does? All the js on the build? Also, besides the static generation how does this compare to Vite? I like the idea of defining your own build process but I gotta have that hot reload unless using live server vs code extension
hey good question! I haven't played around with Svelte enough to give an educated answer on that, similar with Vite, but they're both on my list of things I need to get familiar with. agreed with hot reload, I would imagine they'll try to solve those things as time progresses 🤔still early beta so lots more in store
Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news
Great video! First video of yours I've come across and it was an instant sub.
Looking forward to future videos.
Thanks so much Sean
Change the mic dude, I can barely hear you!
thanks for the feedback!
This is react server components but for js universe
🤯
brother you explain very well and very clear.
Thank you!
Really interesting , thanks
np :)
Great video! Really interested in the concepts that Astro is bringing
thanks Guillermo :)
doc page give me 404 any help ? xD
hey you mean the Astro docs? which page?
Love how you explain!
thank you!!
Great tutorial.
Nice shirt
thanks and thanks :)
Nice one. Extremely clear and helpful.
Thank you! Glad to hear that 😁
Where is part 2 of "Manage Subscriptions with Gatsby, Netlify, Stripe, & Hasura"?
spacejelly.dev/colbyashi-maru/
@@colbyfayock thanks
Thanks for sharing, do you literary mean that I can use more than one framework in a single project like Svelte and React? I see renderer is an array
I have just tried my theory, and it works...
@@EmmanuelNgwandu yes! though you just want to be careful. if you're statically rendering it without shipping JS, then you can do that with no impact on the end user, but of course if you hydrate it will ship all libraries which would probably be a lot
@@colbyfayock Thanks, I understand the impact of shipping more JS
now you can replace your old react apps component by component with svelte :P
@@SandwichMitGurke 😂 there you go
Nicely explained!
🙌🙌
Please update it for Astro 1.0!
Thanks for the heads up. Unfortunately RUclips doesn't allow someone to modify an existing video
@@colbyfayock ... you can make a new video (if you want and think the topic got the views to make it worthwhile) and link it in the desc. and those tiny popups that RUclips allows you to add :)
awesome presentation :)
thank you! :D
Thanks
you got it!
How much improve performance can be expected from static rendering tools like this for dynamic websites that fetches external resources like maps, images, videos, etc?
i dont have any stats but it really depends on the application. with Astro particularly, part of the draw is avoiding shipping framework JavaScript just to use it as a sort of templating language. static generally though helps load the experience in the browser faster with a pre-rendered page
I am experimenting with a couple of websites use cases with Astro and I think Next JS by far provides a better developer experience if you may ask
Next.js definitely has a great DX, its also a bit more mature. both have their pros and cons though. i'm excited for Astro's future!
Can u make tutorial on how to use react-flow node map and render it in astro
ill add it to my list!
Your shirt is awesome.
thank you :) not available right now but it's here: www.bonfire.com/black-lives-matter-css/ - looks like you can get a nice sweatshirt though www.bonfire.com/blm-css/
Nice video! What extensions/theme are you using in VS code btw?
thank you :) anything particular? i made this video before ruclips.net/video/OIWVJj9yRbA/видео.html
but some of the stuff i use is Rainbow Brackets, Rainbow Indent, my theme when recording is Night Owl