Angular 16 Features With Examples - You Must Know That

  Рет қаралды 8,432

Monsterlessons Academy

Monsterlessons Academy

Күн бұрын

Learn Angular 16 features with examples that I created. These are the most important features which changes Angular development enormously. It is often that you get a question about latest changes in your framework or language on the interview and this is when your Angular 16 knowledge can shine.
TIMESTAMPS
0:00 Introduction
0:27 Angular Signals
2:00 Angular enhanced hydration
2:40 Esbuild & Vite
3:49 Angular stanalone generator
5:40 Required inputs
5:54 Miscellaneous
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Angular Interview Questions monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy

Пікірлер: 27
@m4rcolongo
@m4rcolongo 10 ай бұрын
Updated to Angular v16 a while ago, and I'm loving the new bindToComponentInputs feature! It makes passing data between components a breeze. It is by far the feature that impacted my workflow the most.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
Wow I never used such feature. It brings the router to the comp through inputs correct?
@AGUNGKAYA
@AGUNGKAYA 9 ай бұрын
I never used that lol ^^
@kumaravela6008
@kumaravela6008 9 ай бұрын
Can you share any resources or doc for that.
@smzhd9642
@smzhd9642 9 ай бұрын
U are the best teacher for angular i have found on the internet
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
Glad to hear that!
@JecksonGarcia
@JecksonGarcia 10 ай бұрын
Angular improved hydration has any effect on state transfer? or is there some way to transfer the entire state without having to specify it for each variable
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
Nope. It doesn't change anything from that side.
@karthikeyan878
@karthikeyan878 9 ай бұрын
After each production deployment, users need to clear the cache manually to see the new changes of angular application. any solution to resolve this ? even after configured "outputHashing: all" in angular.json file.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
Typically it's build.js?hash=randomNumber. Working with any js
@kumaravela6008
@kumaravela6008 9 ай бұрын
I have one doubt regarding the signal, Is it same concept like useState in Reactjs. Because I see that you are creating signal with initial value and then to update we are getting the previous value aswell. This seems similar to use State hook in reactjs. Same goes with effects to detect changes in Reactjs useEffect we can use dependency array to detect changes.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
It is similar to useState and useEffect.
@vishalstee8516
@vishalstee8516 5 ай бұрын
thank you
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 ай бұрын
You're welcome
@LarsRyeJeppesen
@LarsRyeJeppesen 10 ай бұрын
Esbuild still has some issues, especially in developer mode. I18n support not present, amd some issues with change detection.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
Sure. This is why it is in dev preview. But at least it is going in a good direction as initial build/ incremental builds as super slow compared to React.
@LarsRyeJeppesen
@LarsRyeJeppesen 9 ай бұрын
@@MonsterlessonsAcademy yep, I still use it as it is so good. But what about Bun?
@UC1C0GDMTjasAdhELHZ6lZNg
@UC1C0GDMTjasAdhELHZ6lZNg 10 ай бұрын
Надо обновляться, спасибо за видео.
@y0na24
@y0na24 9 ай бұрын
Олександр, здравствуйте, решил после Реакта перейти на Ангуляр, можете, пожалуйста, порекомендовать роадмап, может из ваших видео или каких-то источников? Потому что есть трудности с составлением плана обучения.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
Сначала основы Angular kzfaq.info/get/bejne/hsppa7F6t5yXk4k.htmlsi=ilzUoP1aIPfa314t потом создание реального приложение от начала до конца kzfaq.info/get/bejne/rMmWjZN2tta9hHU.htmlsi=4htSQJclIOmKcBXl
@AGUNGKAYA
@AGUNGKAYA 9 ай бұрын
is angular worth used for a freelancer?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 ай бұрын
If you can find clients then yes
@AGUNGKAYA
@AGUNGKAYA 9 ай бұрын
@@MonsterlessonsAcademy okay thanks
@AGUNGKAYA
@AGUNGKAYA 9 ай бұрын
Sir pls make a content of essential angular features that could boost productivity, especially for a freelancer 🙏
@a_n_m3516
@a_n_m3516 8 ай бұрын
Explanations could have been simpler!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 ай бұрын
and life could be better :)
Change Detection in Angular - You Project Is 20x Slower!
15:16
Monsterlessons Academy
Рет қаралды 68 М.
아이스크림으로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 57 МЛН
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 101 МЛН
Angular 17 Defer - Improve Performance in Your Application
11:27
Monsterlessons Academy
Рет қаралды 8 М.
What’s new in Angular v18
20:08
Angular
Рет қаралды 106 М.
Top 5 Angular Mistakes - You Must Know Them
10:32
Monsterlessons Academy
Рет қаралды 56 М.
Angular Interview Questions - Coding Interview 2023
49:13
Monsterlessons Academy
Рет қаралды 24 М.
Angular Signals Example - Learn Them by Doing
50:50
Monsterlessons Academy
Рет қаралды 11 М.
First look at Signals in Angular
18:43
Decoded Frontend
Рет қаралды 44 М.
Learn Angular Signals - The Future of State Management
10:02
Monsterlessons Academy
Рет қаралды 21 М.
Angular unsubscribe, Angular async pipe, RxJS subscribe - Avoid Memory Leaks
11:29
From Beginner to Pro: Demystifying Angular Change Detection in Depth
12:56
Monsterlessons Academy
Рет қаралды 3,5 М.