Astro just Launched.... Could it be the ultimate web framework?
VloĆŸit
- Äas pĆidĂĄn 17. 08. 2022
- Astro version 1.0 just launched giving developers a way to build server-rendered websites with any JavaScript framework. It uses the islands architecture and partial hydration to deliver fast apps with frameworks like React, Vue, Svelte, and more.
#programming #javascript #TheCodeReport
đ Resources
- Astro Launch Blog astro.build/blog/astro-1/
- Astro on GitHub github.com/withastro/astro
- I built a JS framework âą I built a JavaScript f...
- Astro in 100 Seconds âą Astro in 100 Seconds
đ„ Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
đš My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
đ Topics Covered
- What is Astro.js?
- Is Astro a good framework?
- Pros and cons of using Astro
- How build a fast website
- Top web development frameworks
- Best JS frameworks in 2022
- JS framework drama - VÄda a technologie
They decided endless amounts of JS frameworks wasn't enough. Now we have endless amount of framework-frameworks.
Abstractions: "We need to go deeper"
introduction blitz js a framework for next js which is a react js framework which is a javascript framework
This is a really poor take. It's a framework that doesn't force you to use any particular framework, or even no framework at all.
meta framework
I mean, why not have framework-frameworks? Since some frameworks do so many things better, why not enable the ability to have multiple benefits with fewer trade offs?
Can't wait to rewrite my unfinished hobby app for the fourth time đ„°
I feel attacked.
đđ
HAAHAHHAHAHAHAHAHAHAHA DEADđ
Haahhahaha
"The last thing the world needs is another Javascript framework"
Maybe "just another".
Nowadays it has changed quite a bit:
"The last thing the world needs is another 'comment complaining/copy-pasting' about JS frameworks each time new JS content is released"
@@unpatitoRU lol
To be fair this is less a new framework and more of a tool case of other frameworks
@@feritperliare2890 a metaframework
Another Framework that goes in my list of "Will use it soon".
For real man a lot of cs technology is in the same list for me
I tried it out and I can confirm it is very nice to use
Thank FUCK for Svelte! I don't care about anything else anymore.
It's pretty nice actually - I am using one of its base template for my own personal blog :D
oh boi, i remember i had a list like this, back in the days of "isomorphic javascript" (or whatever the buzzword was) when nodejs was gaining momentum, but as usual the tech stack was already predefined with most of logic in PL/SQL - for reasons đ€·ââ
100 years past and my brother and I discovered the new JS framework, a framework named Astro. And although itâs already at version 1.0, thereâs a lot to be done before itâs ready to be deployed anywhere. But I believe Astro can save the internet.
@Richard MĂŒller I need a 10 damn seasons for this.
+
I see you've been watching the anime Avaframe.
Vampires developer
Love this
Long ago, the webdevs lived together in harmony. Then, everything changed when the Frameworks attacked.
Only Astro, master of all Frameworks, could stop them. . .
EDIT: Funny how 1 out of 4 comments make the same joke
Avatar, the legend of astro
Brilliant đ€Łđ€Łđđđ
ok this is amazingđ
"EDIT: Funny how 1 out of 4 comments make the same joke"
Because it's an overused joke because repetition = funny, yawn
@@MaxMalm sadly yeah xD
Wow, instead of doing something with one framework now I can do the same thing using two frameworks!
Lmfao
@@johnodonoghue651 vanilla is always the best flavor
@@user-ny7rn7mh9e butterscotch is not that bad.
@@johnodonoghue651 for a mostly static website or for a web app?
Reminds me of that guy on Dragon's Den, who's startup idea was that people call him on the phone when their car breaks down just so he can tell them to go to a mechanic
Added 5 years Astro experience to my resume
amateur, I have 10
@@IStMl nah , i have 79
Astro be like: Yo dawg I heard you like frameworks. Here's a framework for your frameworks.
Ah yes, a meta framework, one might not even know they are already using meta frameworks, api, and libraries on a daily basis.
Another web framework, much needed indeed.
Did you even watched the video? It's a framework, that will end the framework war. You can use it with every other framework you want. It's not just another JS framework. Some people really just see red and are fully of negativity these days...
@@anonymgamer3416 *might
@@anonymgamer3416 Nobody needs this
@@anonymgamer3416 right, because all the other frameworks NEVER said that đ
@@Jorgeee says a guy who's never used Astro - or??
"When these rich companies wage JavaScript framework war, itâs us poor developers who die" - this is great đ
Another "ultimate" web/js Framework, much needed indeed
Then don't watch a CZcams channel whose connect consists by 30% of (new) JS frameworks
@@wtho Just because he might have many videos on that doesn't mean it's the goal of this channel, nor the reason we subscribe to it.
@@wtho nor is this strong reaction really needed. It's not like this was a personal attack.
My comment was meant more sarcastic and ironic than attacking, but I can see how it can feel attacking.
@@wtho the point is to bring the new to light and itâs up to us to try it or ignore it. Itâs silly to complain about new frameworks. Iâm glad thereâs people trying different things and we get to pick and choose what we want, if youâre clever, youâd shut up and be a keen observer or contributor or user or IGNORE IT and move on.
So what I'm hearing is that we can technically all say we have 10 years of experience with a brand new framework, because the framework is just a bundle of frameworks.
I could easily imagine a lot of frameworks like Astro competing with each other, and frameworks being built upon those frameworks that are built upon frameworks. Just like today, but... with more frameworks and complexity.
"With this new component language, you only need to make and deploy a new service, in just 1 second. This has been AI.js in 100 seconds"
That's it. Back to being a caveman.
@@JorgetePanete I'm literally gonna make this right now
@@bonbonsweetnessDid you make it?
Scientists have predicted that by 2025, every person on earth will have their own js framework
Yeah, that will be a general human right as well.
thats right, i started creating mine last week. Version 1.0 out in 10 years
Wow! The thought that we don't need to commit to 1 framework/library but still get pretty much all of the things is amazing!
I've seen plenty of times where 1 framework might work better in some situations and then another in other situations. Or sometimes it would be great to just gradually port over code from one to another instead of needing a full rewrite up front. If Astro can handle this, then I really want to check it out!
Awesome. Now I can put 5 years of Astro experience on my resume.
I think Astro is gonna have a big impact on how we write apps in future. This framework agnostic approach using island architecture is really exciting. I'd love to see a Qwik in 100 seconds at some point too, because that seems very interesting too
That's probably on the list tbh. Have you heard of Tauri?
i tried tauri as alternate to electronJs, it still needs lot of works. but tauri is still great for some very specific use cases.
then there will be another astro
there will be 10 more astro and then they will launch super-astro or astro-plus as framework for them
Always love your Updates, and it keeps me informed and highly entertained!! Lot's of Love to you FireShip!!
That was THE BEST code report I saw about Astro framework, awesome job @Fireship.
The sheer amount of videos you put out makes me realize how insane the web framework ecosystem really is
I got to be honest, Astro shocked the hell out of me, which doesn't happen very often.
Same feeling
Yay now I can spend hours setting 2 frameworks in my project instead of just one like always has been!!! Thanks Astro!!
Actually 3 frameworks, that two that will actually make the UI plus Astro itself. Ain't that great?
This is the dumbest take imaginable. Did you even bother to watch the video or look at the docs? If you honestly take hours to type "npx astro add react" perhaps reconsider your career.
đ
This feels similar to the very old days when ajax was hot buzz word, and we used to build a page where every single interaction was separate from entire page. It was a lot of code and possibly the reason why jquery was so handy for us. The feel of the page was very SPA like, except for the url change that the current navigation and history api makes available to us. We just used to have a # on url and let each section of page update itself using ajax, by downloading snippets of html blocks that we inserted into the section.
The first thing that comes to mind is a documentation site. Perfect fit for static MPA, more extensible than mkdocs (probably), and the ability to structure things with components instead of writing duplicated part of documents in markdown over and over again.
Sounds like a perfect use case for Docusaurus TBH.
Hugo already does this very well though. I use it for the the documentation of my course at university.
I decided to judge FE framework by its docs in this case, and Nuxt ones are much more responsive than Astro ones
Astro is still amazing though and AFAIK they're working on a client-side routing solution
The problem with multi page docs is that i cannot use Ctrl+f to search the whole documentation.
@@HyuLilium thats why they have a dedicated search
Seems like a framework that actually offers something new and doesn't reinvent the wheel. Good stuff.
Said every new framework
Lets be real, it does the exact same shit people did with html and javascript a decade ago. maybe some jquery components at most.
lets see... client load, idle, visible... yeah lets just do some document domcontentloaded, and some inline scripts... woaahhhh amazing.... lmao, dead on release. webshit in 2022....
@@Ephicx ayy lmao
@@Ephicx well put
Reinvent the wheel? what about simple INCLUDES like old days in ASP or PHP or even DHTML?
Seems great, simple enough to use for static sites, extendable enough for larger applications & you really only need to learn one framework.
I will stick to jQuery for the next 30 years and wait for JS frameworks to mature! :)
Yay! I am using this for one of my basic personal blog, love it :D
Thanks for the update. See you in the next JS framework release video.
You're amazing ! I just started a new project using Astro.
Perfect timing, like with all your others videos !
Always jumping on the hype train. đ€ŠđŒââïž
@@carldrogo9492 There is nothing wrong with testing new technologies and frameworks
Amazing video as always! Keep up the good work!
Astro + Svelte is every developers dream, even if web development is still a nightmare.
is it a good stack for large, backend-heavy web apps? Im completely new to the JS ecosystem
â@@IStMlI think these frameworks are very nice but are not used widely professionally. If you're trying to get a job, stick with React.
After the Astro in 100 seconds vid, I rebuild my agency site in Astro. Some parts were a bit tricky, and I still need to implement full site search... but it was a fantastic experience. I now love Astro!
How did you manage it in 2 hours sir ?
@@sciuresci1403 he is talking about the ol video.
@@sciuresci1403 He has 2 years of Astro experience, just like us.
Nice video. Now we need more frameworks
Finally! Yet another js framework to replace all the other frameworks. Can't wait to forget it when another framework comes out
Yesterday I was watching one of your videos that you mentioned Astro !
Amazing content! Very inspiring! đđŻ Im thinking of making that kind of video, but in french. The template is very good! đŻ
Dude this is perfect for me because it allows me to mix static html with React components. Asteo is amazing!
I just wish the community would put half the effort they put into js frameworks into making css not suck.
We are currently using astro on a quite huge project. Interesting yet a bit raw stuff
At the very end if we have to add interactivity we have to use an existing framework. SO, Astro is another "JavaScript" Framework mainly helping to generate the Static Websites using the any other specified JavaScript framework. That looks really interesting!
To generate static sites, I use gulp with gulp-nunjucks-render plugin and gulp data plugin. Has been foolproof for a long time now.
I do think Astro will change how we view front-end libraries. But I don't think Astro will be the final tool that will set up this split version of web development. Interested to see where this goes!
isn't every tool "the final tool"?
See as the only rookie here by the looks of it, these frameworks are making it really easy for people like myself to get a grip and work backwards... It took looking into React for me to start getting a gist on how these websites I was looking into were using things like Livewire.
I feel like Astro will do similar, like WordPress does for helping figuring out front end structure I feel like this will support research into backend structure.
Really interested tbh. :)
Gawd so many new and innovative ideas that had never been tried before
Iâm enjoying Remix JS very much today, so Iâm just going to give Astro a thumbs up and keep on Remixing for now.
There's also a library that allows embeding svelte components in other frameworks like React and Vue - because svelte doesn't bring any framework code with it, it doesn't slow down the website like bringing react to svelte.
great, so now we don't just have to choose between frameworks, but also framework-hybrids
thank you so much , it worked đ
fresh and this framework looks attractive
But how does it solve the framework-war?
In my head there are a bunch devs working on a project, everyone in their favourite framework, becaus astro's intercompatibility. This results in even more unreadable and mixed code inside a single repository. Making it even harder to maintain.
Shhh, you're not supposed to have good ideas on a fireship video
For sure a good question. We probably all know that nothing in the frontend is ever really "solved" - heh - but, maybe the point of this video's statement there is that it doesn't require a singular choice, and gives the dev the freedom to choose their own UI framework. I think that's the level the idea was on. But I get what you're saying, too! There for sure would be huge problems if a team used multiple JS frameworks/libraries on an Astro project.
Now front ends will have to learn react+angular+svelte+vue and Astro
Astro es la onda, lo uso para proyectos estĂĄticos y next para sitio mas dinĂĄmicos.
Astro 3.0 đ
Slow descent to madness from Fireship to Frameworkship
nice, always want a middle way framework than choosing a side
I must say, I really appreciate your humor. The way you use images that match what you're saying is very clever and it ~ always makes me laugh. Thank you for the entertainment.
I expected you to make an additional video about it but not so fast đ€©
"As asap as possible"
I'm stealing that one lol
wow great video. Let's see if anyone remembers astro in 6 months.
You had me at "multi-page applications".
Love your videos.
Hope to see a video on WebAuthn
Every day I woke up & deal with new js framework
I've used (and contributed!) to Astro, and it is by far the best JS framework I've used.
Have you used SvelteKit? What do you like more about Astro?
Our team will meet today to discourse about when we will start to rewrite whole our projects on Astra. It's really complicated cause we already started to rewrite them on Fresh.
Damn, if only there was an easier way...
At one moment I was shocked Ubisoft logo would come in at 3:05. :D By the way my latest project was made with Astro, really nice framework, used Svelte with it and it was so easy, although it had some little quirks that I hope will be fleshed out in the future. Cheers! :)
I definitely agree!
As a frontend dev that develops a software that by definition by how our security model works, we will never be able to do (full) SSR.
It kind of warms my heart that I'm bypassing so many issues. Sure, performance lacks sometimes. Sometimes, that doesn't matter as much. :)
Wow, every month I have new JS framework. Already 3 dozens of JS. Now, frameworks are like my childhood toys
This seems pretty ergonomic in terms of resources used:
Rather than loading huge amounts of JS like most frameworks, it restricts itself to just the animations you really need.
If nothing else, this might reduce C02 emissions by virtue of fewer files being sent across the web, heh.
And less time parsing code that is not used
Finally... I have tools available to build... a website.
Oh shit, this is awesome :D
Fireship, please make a video on EdgeDB! What they are doing is a paradigm shift (ok maybe not but close). I think your viewers would be greatly interested.
New framework suggestion in the near future: AstroPhysics đ
Coolđ„
Jeff: Astro could be the ultimate web framework
Michael: Or is it đ€?
Hey Jeff, could you do a video on the Nim programming language please?
I see stuff I have no Idea about - I go to the Fireship
Astro is the future đ
Another multi-edge blazingly fast, low in bundle size and easy to use framework that no one needs. Iâll start to use right away so that in 10 years from now on I can finally add it to my CV.
What do you get when you create a framework to replace 12 other frameworks? You get 13 frameworks.
Astro be like: F it, just merge the 3 nations
This is getting nuts
you should start video series specially for frameworks
new upload every hour!
So fashionable companies will start using this over their regular framework which will still remain there forever and it just adds 1 more tick to job applications. Nice.
And finally Astro the Avatar framework!! Harnessing the elements of Fire (Angular) Water (React) Earth (Vue) and Air (Svelte?) đ
Already on the resume
10 years of experience working with Astro , no exeption.
10 years of no more telling this joke for u!
Finally, "a JS framework to end all JS frameworks"!
Re-built my resume over 5 times, first Vanilla, then Tailwind, then back to Vanilla, then Svelte, then Astro + li'l Svelte. Looks perfect now... doesn't it? ... _doesn't it?_
A big thank you to the astro devs, job requirements now expects one to have 10 years of astro experience. lol
Blazing fast đš đŠ
"So, what's your go-to framework?"
"It's complicated."
MPA's is kind of the entire point of Astro, and it makes it a whole lot easier to use ye ol' random third party marketing tool which typically assumes the whole world still runs on wordpress and magento. If you want SPA's with SSR, go for next.js. It's OK that it doesn't do everything, in fact i'd argue it's better like this, limited scope usually makes for a better tool when you use the right tool for the job. Astro is great for marketing pages, don't use it to build products, there are better tools for that.
Said every dead js framework. The whole reason people flock to new stuff is because they CAN do everything.
So basically at runtime, this & all other SSR hydration frameworks need huge JS frameworks as runtime dependencies (React, Angular, etc.) in order to render JS components as HTML markup? Or am I misunderstanding something?
Does this not introduce potentially huge overhead?
Only thing missing is an Aero framework so you can have and Aero/Astro site. I'll have to settle for Astro with an AstraDB datastore.
You can go from the stone age to the space age with a Deno/Astro combo.
The AAAAA stack
Aero
Astro
AstraDB
Angular
Apache Server
wow , very much needed...I was just wondering when a new JS framework will be released
sounds blazingly fast to me
I suggest covering the nim programming language
Can u make video on ssr frameworks like next js vs astro (all features like speed,, response time)....plz!
How scalable is server side rendering in comparison to delegating rendering decentrally among clients though? Seems less scalable to me