Migrating/Updating to Angular 14

[@WhatsThatItsPat]

Excellent video! Thank you for the very clear explanation.

[@RainerHahnekamp]

You're welcome Patrick!

[@AlainBoudard]

Thanks Rainer ! Excellent way to migrate to Standalone Components, very precise and clear !

[@RainerHahnekamp]

Hi Alain, thanks a lot!

[@RaviKumar-im7kg]

Awesome 😀 Keep rocking 🤩I loved it. 👍 Thanks for the content. Keep posting this type of content, Waiting for it.

[@RainerHahnekamp]

Thanks, will do. The next one of that type will be about NgRx

[@oscarlagatta]

Thank you Rainer for sharing this video, so many nice new features

[@RainerHahnekamp]

Thanks Oscar. Happy to hear you liked it.

[@aram5642]

Thank you Rainer for your restless effort in bringing in the ng latest! I am not yet able to show my enthusiasm for most of the v14 stuff, just yet ;-)
(And I am still puzzled by the `throw new Error` thingy within switchMap 10:00... need to grab some water.)

[@RainerHahnekamp]

Thanks a lot as well. That throw is TypeScript narrowing. TypeScript knows that an error is thrown if that type is undefined so in every code that follows, the variable cannot be undefined anymore. There are even more powerful things like You can read more about it on www.typescriptlang.org/docs/handbook/2/narrowing.html

[@rmegal]

Excellent work. Concise and very helpful.

[@RainerHahnekamp]

Thanks Ray, looking at the list of the new features for Angular 14.2, I think I'll can create a video for that as well :)

[@victorm9131]

Thanks for this wonderful migration tutorial Rainer. Keep it up :)

[@RainerHahnekamp]

You're welcome!

[@nouchance]

Amazing!

[@RainerHahnekamp]

Thanks a lot

[@oscarsangularchannel3956]

awesome video, thanks Rainer

[@RainerHahnekamp]

Thank you Oscar!

[@iuriiprytula8796]

Great video, many thanks!

[@RainerHahnekamp]

Thank you!

[@deepakpalsingh2963]

Nice detail explanation !

[@RainerHahnekamp]

Thanks a lot

[@OlehBiblyi]

Great explanation, thank you!

[@RainerHahnekamp]

Thanks, you are welcome!

[@loko1944]

awesome

[@RainerHahnekamp]

Great, I see you've found some use for it then 😁

[@robertbryan6485]

Hey Rainer, thanks for the video! Please continue to do these for all major Angular releases if you can!
And, random question: can you share the keyboard do you use? It has a really nice sound to it!

[@RainerHahnekamp]

Hi Robert, thanks a lot. Will continue to produce these kind of videos. I think I've used the Logitech Mx Keys for this video.

[@PabloEscobar-us1wt]

arigato liana sama

[@RainerHahnekamp]

いえいえ (I hope I got that right 😁)

[@jacqueskloster4085]

25:35 ah yes, the shared module
we also have that, it unfortunately contains 3940583409583405 (approximately) components and 904385409568450968 (approximately) dependencies
a pattern I really, really regret :D

[@RainerHahnekamp]

Well, you kind of need some shared elements but I guess the art is not to make them the biggest part of your application... ;)

[@jacqueskloster4085]

@@RainerHahnekamp the problem was to put all shared stuff into one Module 🤣

[@RainerHahnekamp]

@@jacqueskloster4085 Ouch 🤕 😅

[@jullus1386]

Thank you!

[@RainerHahnekamp]

You're welcome Iulian

[@careygontinias3486]

hi! on the first instruction when i run the command npx ng update @angular/core @angular/cli, i always get the error "Migration failed: Incompatible peer dependencies found." what could be the solution for this?

[@RainerHahnekamp]

Hello Carey, can you please post the full output of the error message?

[@careygontinias3486]

@@RainerHahnekamp hello again, here is the error message I got:
Package "@angular-devkit/build-angular" has an incompatible peer dependency to "typescript" (requires ">=4.4.3