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.
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.
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 ?
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?
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?
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.
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..
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.
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..
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!
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 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.
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.
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.
Gotta give it to the team, they do put work into the framework. Thanks man.
Thank you guys for making such a great framework and all the hard work with compatibility, tools and documentation.
Angular is definitely the most accomplished framework out there! Thank you!
Quite a useful information, since we made it to the year 2024, Angular released v17, can this video be updated to latest one.
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.
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.
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 ?
@@sparun1607 Maybe have a check that relaods the whole app every 24hours or something? ;-;
@@herohema5 Yes. currently implemented the auto logout feature using ng-idle node module
The best JavaScript framework on the planet.
I haven't touched Angular and yet here I am
Thanks for source map analyzer. Was using bundle analyzer for years now
Plus point for using kde
Angular is awesome!
haha
no
@Username: JS yup haven't used it since v4, very meh performance and too much boilerplate
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?
I think it was a pre made component for the video? But even if it does.. that's pretty basic dashboard :P
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?
Are you using the latest angular and have you updated npm?
@@kristjanpuusepp2751 Is this feature available on angular 9? I didn't find any mention about It.
Do you have your npm packages in your path variable?
Try if that command works without zsh. I think the problem is with zsh.
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?
You must explicitly set up lazy loading in your app in a routing module.
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?
Thanks man i see you from Colombia 👍
why are there forms module and other unused modules, doesn't tree shaking remove the unused ones?
It's because it's still being imported into the module, he just commented out it's usage :)
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.
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..
Is Angular using Webpack or Rollup for bundling under the hood?
What is the operating system he is using?
SteamOs
Performance is ok! But when does Angular get rid of the very unfortunate dependance on NgZone???
Hey guys , web.dev is not working ?? i click in several links and nothing happend ..
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.
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..
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
@@valentinsaik6754 i18n is pretty straigthforward
@@leonardofreire9191 everything with angular pretty straightforward until you have to make it work with ssr =(
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!
Did you tried Vue?
@@mmuekk Vue is child play.
Awesome updates as always. Thank you! :)
Nice explanation. Angular is like poetry =)
Thanks. I also feel Angular getting faster whenever update new version!
I love Angular
Seems like video copy from what the recommend on their website, so you can check it you don't want to watch video
Thanks - good and helpful :)
Changing code on master! 🙈
Ben Awad incoming.
YT positions critique at the very bottom... coincidence?
How to stay fast with Angular? No brainer develop in React!
After trying out Svelte never looked back to clunky Angular
Are you gonna employ yourself too?
@@fritzdeuces why not? maybe he is a freelancer? Or has its own projects which generates his income?
Honestly if it wasn't because it's so much easier to get a job as a React Developer I would use Angular everyday
We should use both of them, we never know when Angular will come in our career :)
Hey guys there is react out there :D
React is a library and Angular is a framework !! There is a hell lot of difference between two.
@@AnishKumar-yr1dk you don't say
The fastest way is to avoid angular all together and use react or vue.
Just don't
People are still using Angular?
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
You can write angular components in just one file.
@@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.
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.
1. Uninstall Angular
2. Install vue.js
3. DONE!
I just wanna say angular suck. React is the way to go
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.
Angular is dead and has been for a few years. Learn React.