In this video learn how to optimize the bundle size of your Angular applications. You'll learn: ‣ What's tree-shaking ‣ Understanding the structure of your production bundles ‣ Using code splitting and finding suboptimal imports
Пікірлер: 73
@Fireship3 жыл бұрын
Awesome video!
@antihuman0073 жыл бұрын
Wonder who that voice is
@dr.d36003 жыл бұрын
That voice always awesome 😆
@yurakhomitskyi87623 жыл бұрын
Looks like recursion
@smitpatel41243 жыл бұрын
Excellent job buddy. Doing a great work by sharing a very valuable knowledge. Please dont stop sharing.
@thesrinathkamath3 жыл бұрын
Bro, is dat you?
@user-lx1xx8jk8q3 жыл бұрын
The voice sounds pretty familiar! 😉
@MrTungDev3 жыл бұрын
haa
@pranambhat79643 жыл бұрын
Where!!!!
@gtanmoy3 жыл бұрын
Fireship guy
@TheSiddhaartha3 жыл бұрын
True!
@SwapnilNakate72 жыл бұрын
@Fireship one
@yurakhomitskyi87623 жыл бұрын
We need more tutorials/guides from Angular. Fireship is great tutorial maker, I believe he can bring Angular to the next level.
@Andriy_Moskalenko3 жыл бұрын
що правда, то правда :D
@yogenp3 жыл бұрын
Much needed video on Angular optimization. Awesome, Angular and Jeff.
@u83rh4xor3 жыл бұрын
Awesome tutorial! This is so great! Love that you covered specific fixes for moment and lodash. Code splitting at the feature level is awesome! Thanks for this easy-to-follow explanation of how it works. It will really help to teach my team. I would love a tutorial on the more advanced features of preload strategies for those bundles and code splitting at the component level. I'm sure those are coming! You all are doing awesome work with the videos! Keep it up!
@yurakhomitskyi87623 жыл бұрын
Would be cool having video about Best Practice/Anti-Pattern in Angular from Angular team
@yurakhomitskyi87623 жыл бұрын
Hello, Fireship))
@shy1992 Жыл бұрын
Wow! Thank you for the video. I probably paused every 20 sec to check my code for mistakes. Really helpful stuff!
@aram56423 жыл бұрын
Proper way of customizing bootstrap or ailwaind deserves a separate video, IMO. Also, when should we re-export imported modules? And does that affect bundle size if you fail to re-export?
@codeaperture3 жыл бұрын
I never knew Jeff has another. Thanks to your Slack channel!
@omaralexandro29283 жыл бұрын
The amazing Fireship 😉
@MuhammadFaisal043 жыл бұрын
That's awesome Jeff! ;)
@wks17062 жыл бұрын
best angular tutorial video!
@user-is5bs8qb4y2 жыл бұрын
I learned a lot from this class. Obrigado!
@reach_perumal3 жыл бұрын
Jeff... You are the one 👍👍👍
@nhanth3 жыл бұрын
Really impressive and useful for everyone.
@pranambhat79643 жыл бұрын
Keep going Angular 💯
@georgiyzhuravlev93503 жыл бұрын
Cool video, thanks!
@laurent3563 жыл бұрын
Jeff is the best !!!
@MartinOckovsky3 жыл бұрын
Thank you for your great work. Any resources for the style imports please?
@IceBreakerGamer Жыл бұрын
Bro, this is fireship!
@andylib3 жыл бұрын
More fireship angular content 🔥
@airxperimentboom2 жыл бұрын
I love it ! I wish I watched your video earlier
@u83rh4xor3 жыл бұрын
Does anyone have recommendations for a good target bundle size? What's the optimal size we want to set our budgets to?
@vatsalyasinghi4383 жыл бұрын
Hi please do a similar video on Ionic 5.. thanks !
@smitpatel41243 жыл бұрын
its a fireship guy. Yayayayay
@Omryking3 жыл бұрын
That voice from that dude from FireShip right?
@im.ajmalfaiz3 жыл бұрын
Hi fireship
@FrietZakjeh2 жыл бұрын
Heey, currently our app has been really slow in building. Does tree shaking also improve build performance, since you have less to build?
@g-luu3 жыл бұрын
Fireship in the house🤪
@klutch41983 жыл бұрын
HEY THAT VOICE REMINDS ME OF THIS GRANDMASTER I KNOW
@baaaanan1803 жыл бұрын
what if one of my lazy loaded module use third dependency, e.g. quill.js. Right now I have this dependency inculded in my initial boundle, is there a way to incude it together with the lazy loaded module?
@vitale2323 жыл бұрын
I've had good luck using a service to wrap a dependency that's dynamically imported - pdfmake in my case Just wrap dynamic import (like you would a lazy loaded module) on a class method and set the lib as a service property when it's loaded. Then, once the promise has resolved, your service can be used yo access the dep
@albijmadhikarmi44403 жыл бұрын
could you also tell about domino and how to handle window is undefined with angular packages with angular universal and it's solutions. it been months and i am still not able to use ssr with packages i've used during my development
@narelehlohonolopapo92992 жыл бұрын
which VS theme are you using?
@sujoyinnovates2 жыл бұрын
Hey man how to apply compression during build. You pointed out the problem, without suggesting any solution.
@sourishdutta96003 жыл бұрын
Jeff!
@Zweierkomplement Жыл бұрын
The main issue even if you follow this things is that Angular is MASSIVE. It currently makes 50% of our production bundle
@yijieli3742 жыл бұрын
In my project, I have very similar dependencies to what you have in this tutorial, except that I don't have Lodash. But when I use source-map-explore to generate the bundle analyze, I still see that Lodash is there, any idea where it's from?
@dimitritsikaridze62202 жыл бұрын
it's probably because other dependencies depend on lodash
@SayantanDeyIshanz233 жыл бұрын
Wo! Isn't this Jeff?
@luismpcunha3 жыл бұрын
How can we implement lazy loading at a component level instead of at the router level? It's common for a lot of components to not be routable. Also, even with specifying the packages, Firebase is still huge :/
@Afdac2473 жыл бұрын
Windmillcode has a video on that
@Afdac2473 жыл бұрын
m.kzfaq.info/get/bejne/g9GmY62pqdLOlpc.html
@009besim2 жыл бұрын
if you wanna feel like you are in the fireship channel just put playback speed to 1.25
@BonnerTheWeebcreator2 жыл бұрын
Here after getting >WARNING/ERROR in budgets, maximum exceeded for initial
@theoneandonlysharan2 жыл бұрын
Hi, recently watching your videos, they are really amazing but I am facing one huge problem from past 6 months and hoping that you may solve that. Created a web app in Angular and its bit huge app and main concern is about getting light house score very low. Already optimised my code according to this video including modules lazyLoad etc. Still getting score around 56. Please help if you can. Any help would be appreciated. Thanks.
@LucioLeandro12 жыл бұрын
Make sure you are not running the test in development mode, ok? But if you so, configure angular to optimize in development mode as well.
@devman5813 Жыл бұрын
Why do we need pwa while anybody out there got internet connection? Can somebody tell me why do we need to waiste time on such a thing?