20 Angular Concepts you Need to Know

Angular 18 - A hands on pragmatic crash course.

💬 Topics:
What is Angular 18, Angular CLI, Building components, Angular Modules, Standalone Components, Imports, Single File Components, Signals and Reactivity, Computed signals, Lifecycle Hooks, Templates, Built-in Control Flow, Event listeners, Data binding, Reactive Forms, Dependency Injection, Deferrable Views, Inputs & Outputs, Event emitters.

[md.redwanhossain]

Don't initialize the formGroup in the constructor. Doing so you will loose type inference. Initialize the form during declaration and you will get full type safety.

[TayambaMwanza]

Wow this is a really good overview, I remember way back when you didnt have such a positive view of Angular, thank you for taking time to take a closer looking and giving it a chance.

[Quxer]

With new syntax and signals I think you should use input<T> and output<T> instead of @input and @output. This make code more coherent and easier to read. Other than that this was good explaination of base concepts.

[brightokoro]

Yes Angular is simplify now it has made my dev experience easy, Angular is now for everyone if you want to keep things organise as you grow and i also like Rxjs if i want to get data from backend everything work so soomthly, easy to debug things, well done to angular team.

[timburstefan]

I would use update method from signals instead of reading and setting a new value

[punsmith]

Frankly, I wouldn't use the constructor for the injection or the initializing of the form group. You can use the inject() method and then declare the form after that.

[aravindmuthu]

New angular is cool! but we should not forget that most of the angular code today are <v15

[Joachimbj]

I like that a lot of frameworks are slowly becoming Vue.
It is lagging behind Vue's dev-experience since it does not support HMR and rebuilds are 10-100x slower, but I'm glad they have HMR in their roadmap now - hopefully it will be a smoother experience/feedback loop in a year or two.

[sebastianpaduch]

You can use model instead of input/output for this cases

[NiGhTmr]

You use signals but not input and output signals / functions? And no inject function? Why?

[siya.abc]

At this point bro should just create full tutorials, these 3 minute videos are not it. But maybe this is the way for him

[napapt]

1:33 angular advanced developer here: no need to wait for onInit since the fetch do not depend on any @Input(), do it in the constructor, or better yet in a router resolver

[boris]

3. Modules? I think that is a concept you don't need to know any longer

[paw]

Good video, but honestly I really don't like this syntax.