Angular

āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ state āļžāļ·āđ‰āļ™āļāļēāļ™

Component state, services state, BehaviorSubject, state patterns, stateful vs stateless components, shared state

20 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒÂ·
Mid-Level
1

āļ§āļīāļ˜āļĩāļ—āļĩāđˆāļ‡āđˆāļēāļĒāļ—āļĩāđˆāļŠāļļāļ”āđƒāļ™āļāļēāļĢāļ›āļĢāļ°āļāļēāļĻ state āļ āļēāļĒāđƒāļ™āļ‚āļ­āļ‡ component Angular āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

āļāļēāļĢāļ›āļĢāļ°āļāļēāļĻ class property āđ‚āļ”āļĒāļ•āļĢāļ‡āđƒāļ™ component āđ€āļ›āđ‡āļ™āļ§āļīāļ˜āļĩāļ—āļĩāđˆāļ‡āđˆāļēāļĒāļ—āļĩāđˆāļŠāļļāļ”āđƒāļ™āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ state āļ āļēāļĒāđƒāļ™ āļ§āļīāļ˜āļĩāļ™āļĩāđ‰āđ€āļŦāļĄāļēāļ°āļŠāļģāļŦāļĢāļąāļšāļ‚āđ‰āļ­āļĄāļđāļĨāļ—āļĩāđˆāđƒāļŠāđ‰āđ€āļ‰āļžāļēāļ°āđƒāļ™ component āļ™āļĩāđ‰āđāļĨāļ°āđ„āļĄāđˆāļˆāļģāđ€āļ›āđ‡āļ™āļ•āđ‰āļ­āļ‡āđāļŠāļĢāđŒ Property āļŠāļēāļĄāļēāļĢāļ–āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āđ„āļ”āđ‰āļ­āļąāļ•āđ‚āļ™āļĄāļąāļ•āļīāđƒāļ™ template āđāļĨāļ°āļŠāļēāļĄāļēāļĢāļ–āđāļāđ‰āđ„āļ‚āđ„āļ”āđ‰āđ‚āļ”āļĒāļ•āļĢāļ‡

2

āļĨāļąāļāļĐāļ“āļ°āļŦāļĨāļąāļāļ‚āļ­āļ‡ stateless component āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

āļ„āļģāļ•āļ­āļš

Stateless component āđ„āļĄāđˆāļĄāļĩ state āļ āļēāļĒāđƒāļ™āđāļĨāļ°āļžāļķāđˆāļ‡āļžāļēāđ€āļ‰āļžāļēāļ° @Input āđƒāļ™āļāļēāļĢāļĢāļąāļšāļ‚āđ‰āļ­āļĄāļđāļĨ Component āđ€āļŦāļĨāđˆāļēāļ™āļĩāđ‰āđƒāļŠāđ‰āđ€āļžāļ·āđˆāļ­āļāļēāļĢāļ™āļģāđ€āļŠāļ™āļ­āđ€āļ—āđˆāļēāļ™āļąāđ‰āļ™āđāļĨāļ°āļŠāđˆāļ‡ event āļœāđˆāļēāļ™ @Output āđ€āļžāļ·āđˆāļ­āļŠāļ·āđˆāļ­āļŠāļēāļĢāļāļąāļš parent āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄāļ™āļĩāđ‰āļ›āļĢāļąāļšāļ›āļĢāļļāļ‡āļ„āļ§āļēāļĄāļŠāļēāļĄāļēāļĢāļ–āđƒāļ™āļāļēāļĢāļ™āļģāļāļĨāļąāļšāļĄāļēāđƒāļŠāđ‰āđƒāļŦāļĄāđˆāđāļĨāļ°āļ—āļģāđƒāļŦāđ‰āļāļēāļĢāļ—āļ”āļŠāļ­āļšāļ‡āđˆāļēāļĒāļ‚āļķāđ‰āļ™

3

āļ—āļģāđ„āļĄāļˆāļķāļ‡āđƒāļŠāđ‰ BehaviorSubject āđāļ—āļ™ Subject āđƒāļ™āļāļēāļĢāļˆāļąāļ”āļāļēāļĢ state?

āļ„āļģāļ•āļ­āļš

BehaviorSubject āđ€āļāđ‡āļšāļ„āđˆāļēāļĨāđˆāļēāļŠāļļāļ”āļ—āļĩāđˆāļ›āļĨāđˆāļ­āļĒāļ­āļ­āļāđ„āļ›āđ€āļŠāļĄāļ­āđāļĨāļ°āļŠāđˆāļ‡āđƒāļŦāđ‰ subscriber āđƒāļŦāļĄāđˆāļ—āļąāļ™āļ—āļĩ āļ„āļļāļ“āļĨāļąāļāļĐāļ“āļ°āļ™āļĩāđ‰āļˆāļģāđ€āļ›āđ‡āļ™āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļˆāļąāļ”āļāļēāļĢ state āđ€āļ™āļ·āđˆāļ­āļ‡āļˆāļēāļ component āļ•āđ‰āļ­āļ‡āđ€āļ‚āđ‰āļēāļ–āļķāļ‡ state āļ›āļąāļˆāļˆāļļāļšāļąāļ™āļ—āļąāļ™āļ—āļĩāļ—āļĩāđˆāđ€āļĢāļīāđˆāļĄāļ•āđ‰āļ™ āđ‚āļ”āļĒāđ„āļĄāđˆāļ•āđ‰āļ­āļ‡āļĢāļ­āļāļēāļĢāļ›āļĨāđˆāļ­āļĒāđƒāļŦāļĄāđˆ Subject āđ„āļĄāđˆāđ€āļāđ‡āļšāļ„āđˆāļēāđƒāļ”āđ† āđāļĨāļ° subscriber āđƒāļŦāļĄāđˆāļˆāļ°āđ„āļ”āđ‰āļĢāļąāļšāđ€āļ‰āļžāļēāļ°āļāļēāļĢāļ›āļĨāđˆāļ­āļĒāđƒāļ™āļ­āļ™āļēāļ„āļ•āđ€āļ—āđˆāļēāļ™āļąāđ‰āļ™

4

āđāļ™āļ§āļ›āļāļīāļšāļąāļ•āļīāļ—āļĩāđˆāļ”āļĩāļ—āļĩāđˆāļŠāļļāļ”āđƒāļ™āļāļēāļĢāđ€āļ›āļīāļ”āđ€āļœāļĒ state āļ—āļĩāđˆāļˆāļąāļ”āļāļēāļĢāđ‚āļ”āļĒ Angular service āļ„āļ·āļ­āļ­āļ°āđ„āļĢ?

5

āļˆāļ°āđāļŠāļĢāđŒ state āļĢāļ°āļŦāļ§āđˆāļēāļ‡ component āļŦāļĨāļēāļĒāļ•āļąāļ§āļ—āļĩāđˆāđ„āļĄāđˆāļĄāļĩāļ„āļ§āļēāļĄāļŠāļąāļĄāļžāļąāļ™āļ˜āđŒāđāļšāļš parent-child āđ„āļ”āđ‰āļ­āļĒāđˆāļēāļ‡āđ„āļĢ?

+17 āļ„āļģāļ–āļēāļĄāļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āļŦāļąāļ§āļ‚āđ‰āļ­āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ Angular āļ­āļ·āđˆāļ™āđ†

āļžāļ·āđ‰āļ™āļāļēāļ™ TypeScript

Junior
25 āļ„āļģāļ–āļēāļĄ

TypeScript āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Junior
20 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ Angular

Junior
20 āļ„āļģāļ–āļēāļĄ

āļ„āļ­āļĄāđ‚āļžāđ€āļ™āļ™āļ•āđŒāđāļĨāļ°āļ§āļ‡āļˆāļĢāļŠāļĩāļ§āļīāļ•

Junior
20 āļ„āļģāļ–āļēāļĄ

Services & Dependency Injection

Junior
20 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļˆāļąāļ”āļĢāļ°āđ€āļšāļĩāļĒāļšāđ‚āļĄāļ”āļđāļĨ Angular

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Angular CLI

Junior
18 āļ„āļģāļ–āļēāļĄ

Directives āđāļĨāļ° Pipes

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Routing āđāļĨāļ°āļāļēāļĢāļ™āļģāļ—āļēāļ‡

Mid-Level
24 āļ„āļģāļ–āļēāļĄ

Reactive Forms

Mid-Level
26 āļ„āļģāļ–āļēāļĄ

Template-driven Forms

Mid-Level
16 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ RxJS

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Operator āļ‚āļ­āļ‡ RxJS

Mid-Level
24 āļ„āļģāļ–āļēāļĄ

HttpClient āđāļĨāļ°āļāļēāļĢāđ€āļĢāļĩāļĒāļ API

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

Change Detection

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

Angular Signals

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

Standalone Components

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļģ Unit Testing āđƒāļ™ Angular

Mid-Level
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ—āļ”āļŠāļ­āļš End-to-End

Mid-Level
18 āļ„āļģāļ–āļēāļĄ

Build āđāļĨāļ°āļāļēāļĢāđ€āļžāļīāđˆāļĄāļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž

Mid-Level
20 āļ„āļģāļ–āļēāļĄ

āļžāļ·āđ‰āļ™āļāļēāļ™ NgRx

Senior
24 āļ„āļģāļ–āļēāļĄ

NgRx āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Senior
24 āļ„āļģāļ–āļēāļĄ

āļŠāļ–āļēāļ›āļąāļ•āļĒāļāļĢāļĢāļĄ Angular

Senior
22 āļ„āļģāļ–āļēāļĄ

āļāļēāļĢāļ›āļĢāļąāļšāđāļ•āđˆāļ‡āļ›āļĢāļ°āļŠāļīāļ—āļ˜āļīāļ āļēāļž

Senior
22 āļ„āļģāļ–āļēāļĄ

āļ„āļ§āļēāļĄāļ›āļĨāļ­āļ”āļ āļąāļĒāđāļĨāļ°āđāļ™āļ§āļ—āļēāļ‡āļ›āļāļīāļšāļąāļ•āļīāļ—āļĩāđˆāļ”āļĩ

Senior
20 āļ„āļģāļ–āļēāļĄ

āļĢāļđāļ›āđāļšāļš RxJS āļ‚āļąāđ‰āļ™āļŠāļđāļ‡

Senior
22 āļ„āļģāļ–āļēāļĄ

Angular Universal āđāļĨāļ° SSR

Senior
20 āļ„āļģāļ–āļēāļĄ

Angular Micro-frontends

Senior
20 āļ„āļģāļ–āļēāļĄ

āđ€āļŠāļĩāđˆāļĒāļ§āļŠāļēāļ Angular āļŠāļģāļŦāļĢāļąāļšāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļ“āđŒāļ„āļĢāļąāđ‰āļ‡āļ–āļąāļ”āđ„āļ›

āđ€āļ‚āđ‰āļēāļ–āļķāļ‡āļ„āļģāļ–āļēāļĄāļ—āļąāđ‰āļ‡āļŦāļĄāļ” flashcards āđāļšāļšāļ—āļ”āļŠāļ­āļšāđ€āļ—āļ„āļ™āļīāļ„ āđāļšāļšāļāļķāļāļŦāļąāļ” code review āđāļĨāļ°āļ•āļąāļ§āļˆāļģāļĨāļ­āļ‡āļŠāļąāļĄāļ āļēāļĐāļ“āđŒ

āđ€āļĢāļīāđˆāļĄāđƒāļŠāđ‰āļŸāļĢāļĩ