How to stay fast and fresh with Angular

[@nerdiloo9863]

Gotta give it to the team, they do put work into the framework. Thanks man.

[@KeganVanSickle]

Thank you guys for making such a great framework and all the hard work with compatibility, tools and documentation.

[@akshayV701]

Quite a useful information, since we made it to the year 2024, Angular released v17, can this video be updated to latest one.

[@giorgimerabishvili8194]

Angular is definitely the most accomplished framework out there! Thank you!

[@aaron4278]

I haven't touched Angular and yet here I am

[@sparun1607]

Thanks :) given more insights on Angular. How to clear the cache of components from browsers automatically, whenever there is a new version loaded? This is a plain vanilla code therefore it is easy to upgrade, but when there are dependency most of the code breaks, its very hard.

[@crazedfan070589]

Each time you run a new build it generates a new hash on the javascript file. main-es-%someRandomHash%.js. Since the hash is different after each build the browser will always receive a cache miss the first time a new version is accessed and load the new version.

[@sparun1607]

Joel Wenzel Ok thanks for valuable feedback, I’m developing application for my Organization, the end customers all using chrome only, but customers never close browsers and reopen again, in such cases the components never reflect and after clear cache the in long time browsing the components will reflect, how that we can automatically reloaded. Any suggestions ?

[@herohema5]

@@sparun1607 Maybe have a check that relaods the whole app every 24hours or something? ;-;

[@sparun1607]

@@herohema5 Yes. currently implemented the auto logout feature using ng-idle node module

[@a19905]

Plus point for using kde

[@omaralexandro2928]

Angular is awesome!

[@shawnradke]

haha no

[@shawnradke]

@Username: JS yup haven't used it since v4, very meh performance and too much boilerplate

[@YeisonDev]

Thanks man i see you from Colombia 👍

[@stepankotyk8823]

Thanks for source map analyzer. Was using bundle analyzer for years now

[@markw.schumann297]

Wait a minute, right up front, you add Angular Material to your app and it just gives you a skeleton dashboard like that? When did that start happening?

[@abhijeetdey]

I think it was a pre made component for the video? But even if it does.. that's pretty basic dashboard :P

[@PlatinumBuckGorilla]

The best JavaScript framework on the planet.

[@jithinp3390]

why are there forms module and other unused modules, doesn't tree shaking remove the unused ones?

[@kacperbrezden6055]

It's because it's still being imported into the module, he just commented out it's usage :)

[@johnnybravohonk6964]

You might find other frameworks doing better job. Not used = not in bundle. But not in Angular, where you fight total mess of imports, declarations and other useless stuff that you spend time on instead of delivering value to the product.

[@tejasn3835]

What is the operating system he is using?

[@elfbipapu6367]

SteamOs

[@nicolapigozzo]

i am getting error zsh: command not found: source-map-explorer. I installed it globally and locally with yarn and npm but no way. On google there is no solution. Does anyone is getting the same error?

[@kristjanpuusepp2751]

Are you using the latest angular and have you updated npm?

[@nicolapigozzo]

@@kristjanpuusepp2751 Is this feature available on angular 9? I didn't find any mention about It.

[@Tux2442]

Do you have your npm packages in your path variable?

[@jeannuel]

Try if that command works without zsh. I think the problem is with zsh.

[@talhamunir8822]

why ng update is installing packages via yarn on your machine but when I run this it install via npm :/ how can I make it to use yarn instead of npm?

[@filipecotrimmelo7714]

Nice explanation. Angular is like poetry =)

[@rezataba6204]

1- Does Angular10+ take care of Lazy-loading by itself or we have to do it manually? 2- Is any tutorial for that Dashboard and its customizations?

[@Bjlasc01]

You must explicitly set up lazy loading in your app in a routing module.

[@SebastianPerezG]

Hey guys , web.dev is not working ?? i click in several links and nothing happend ..

[@f22hd]

I believe you need to do some changes in settings on your browser that enable .dev domain working as other domains. I searched on Google and find a way to resolve this issue. Hope this comment helps you.

[@RavenDuran231]

Awesome updates as always. Thank you! :)

[@santiago4198]

I dont understand all the hate on Angular... impressively well built framework, I never need to use another external tool since all the useful things could be created on it. Maybe is because its hard to catch how to work for some people..

[@valentinsaik6754]

Did you tried to build an app which requires SSR & i18n? Try it, feel that pain of lacking decent docs examples, SSR-incompatible libraries and so on

[@leonardofreire9191]

@@valentinsaik6754 i18n is pretty straigthforward

[@valentinsaik6754]

@@leonardofreire9191 everything with angular pretty straightforward until you have to make it work with ssr =(

[@kevincode8497]

Hey Google team, Can you help me solve this problem.. After npm update I always fave this issue ERROR in node_modules/@ngx-utils/cookies/src/cookies-options.service.d.ts:11:18 - error TS2314: Generic type 'ɵɵFactoryDef' requires 2 type argument(s). 11 static ɵfac: i0.ɵɵFactoryDef; I haven't any solution of this... Can you please guide to me..

[@pradeepverse]

Is Angular using Webpack or Rollup for bundling under the hood?

[@hansschenker]

Performance is ok! But when does Angular get rid of the very unfortunate dependance on NgZone???

[@Moelgaard85]

Thanks - good and helpful :)

[@jinbju]

Thanks. I also feel Angular getting faster whenever update new version!

[@PROFjavi]

I love Angular

[@raybbo]

yeah its super easy compared ot the old angular, you just have to run 50 command lines, be dependent of 3000 other packages and ofcourse the resulting file is exactly what you want!

[@mmuekk]

Did you tried Vue?

[@aleksandarveselinovic5985]

@@mmuekk Vue is child play.

[@snowsior621]

Seems like video copy from what the recommend on their website, so you can check it you don't want to watch video

[@M1L3Y]

Changing code on master! 🙈

[@johnnybravohonk6964]

YT positions critique at the very bottom... coincidence?

[@peopledrivemecrazy]

Ben Awad incoming.

[@Mouyahama]

After trying out Svelte never looked back to clunky Angular

[@fritzdeuces]

Are you gonna employ yourself too?

[@mikel.5344]

@@fritzdeuces why not? maybe he is a freelancer? Or has its own projects which generates his income?

[@chrise202]

How to stay fast with Angular? No brainer develop in React!

[@lastrafda519]

Honestly if it wasn't because it's so much easier to get a job as a React Developer I would use Angular everyday

[@orlandogarcia4403]

We should use both of them, we never know when Angular will come in our career :)

[@noidar]

Hey guys there is react out there :D

[@AnishKumar-yr1dk]

React is a library and Angular is a framework !! There is a hell lot of difference between two.

[@noidar]

@@AnishKumar-yr1dk you don't say

[@imichael.]

People are still using Angular?

[@MohsenZaim]

The fastest way is to avoid angular all together and use react or vue.

[@youssefmuhamad3213]

Just don't

[@FaizanAnwerAli]

I just wanna say angular suck. React is the way to go

[@johnnybravohonk6964]

Or Vanilla JavaScript. Devs would at least learn something useful instead of wasting time on useless stuff that make TODO app feel like enterprise-ish megazord. And TS does not help. It makes things worse.

[@konrad8015]

Sorry but Angular sucks. Frontend should be simple to write. React and Vue meet that criteria. Single file components are a must-have. Besides, creating new project with Angular CLI takes ages...! Nice try Google but only grandpas still use it

[@gigantedocil]

You can write angular components in just one file.

[@konrad8015]

@@gigantedocil If you mean using string with template: "..." then it's bad. Having experience with all 3 frameworks, angular is too overengineered and tries to do too much.

[@leonardofreire9191]

Frontend ain't only about writing simple beautiful components in one single file. And the CLI is one of the most powerful tools that can be used, if used well of course. People just tend to hate on Angular because it's very structured and nowadays people seem to love what's trending (aka React). They just forget that most inexperienced developers will do some nasty stuff without a structured framework like Angular. At the end, they both can give pretty much the same results, so we should be thankful we can choose our tools.

[@TheRegalstreak]

Angular is dead and has been for a few years. Learn React.

[@flakobatako]

1. Uninstall Angular 2. Install vue.js 3. DONE!