Angular University ๐
ฐ๏ธ
@AngularUniv
Followers
8K
Following
2K
Media
5K
Statuses
8K
High-quality Angular Courses. Learn and keep up with the Angular Ecosystem. Helpdesk: [email protected]
Joined March 2016
Check out my brand new Modern Angular With Signals Course: learn how to build modern Angular applications in reactive style with almost no RxJs. ๐ https://t.co/c0IZpzZ3V9
7
8
41
Besides video courses and exercises, nothing locks in better with your newly acquired knowledge than getting yourself a certification. The brand-new Angular Certification Programโ๐ซ๐๐ฏ๐ข๐๐ฐ๐๐ ๐๐ฒ ๐๐จ๐จ๐ ๐ฅ๐ ๐๐๐ฏ๐๐ฅ๐จ๐ฉ๐๐ซ ๐๐ฑ๐ฉ๐๐ซ๐ญ๐ฌโ is now live: Propel Your
0
0
7
๐ Angular 19's Linked Signal: A Writable Computed? The new linkedSignal API is a game-changer for managing derived state. It acts like computed, but writable, making it perfect for cases where values must be reset dynamically based on another signal. ๐ฅ Don't overuse
0
4
39
๐ Learn Angular for FREE! ๐๐ฅ Kickstart your journey with this beginner-friendly course (2h 45m)! Master key Angular concepts: โ
Components, Pipes, Services โ
@if, @for, @switch directives โ
HTTP Client (GET, POST, PUT, DELETE) ๐ Enroll now: https://t.co/cvgOCkf5lo
2
2
17
๐ Angular 19's resource() API is here! Handle async requests declaratively with: โ
Reactive data fetching via signals โ
Seamless loading states โ
Automatic request cancellation (no RxJS needed!) ๐ก Type in a search boxโonly the final query hits the backend. No wasted
0
3
20
Swap traditional decorators like @ViewChild with new functions: Instead of: @ViewChild('title') title!: ElementRef; ngAfterViewInit() { console.log(this.title.nativeElement); } Use: title = viewChild<ElementRef>('title'); effect(() =>
0
5
56
๐ A cleaner alternative to *ngIf: the @if syntax! It's more intuitive, supports else if, and requires no imports. Example: @Component({ template: ` @if (showHello) { <h2>Hello</h2> } @else { <h2>Goodbye</h2> } `, }) class Test { showHello = true; } Why is this better + what
1
2
21
Angular's @defer syntax is a performance game-changer! ๐ Load components only when needed with fine-grained control: @defer (on viewport) { <heavy-component /> } @placeholder { <loading-spinner /> } Separate bundles, custom triggers, and smart prefetching. Your apps just got
0
2
52
๐ Want to create a global loading indicator in Angular? Here's a quick guide: ๐น Build a LoadingService to control the spinner globally ๐น Use an HTTP interceptor to auto-toggle the spinner for backend requests ๐น Integrate with the router for seamless route transition
2
9
97
๐ Angular Signal Inputs vs @Input: The future of reactivity in Angular! ๐ Signal inputs, introduced in Angular 17.1, are a game-changer! They simplify reactivity and replace the need for OnChanges. No more manual updates when your input changes. Hereโs how to refactor
0
1
10
๐ Boost Your Angular Appโs Speed! ๐ Is your app slow? Optimize bundle size with these steps: ๐ Find the problem: npm install -g source-map-explorer ng build --configuration production --source-map && source-map-explorer dist/browser/*.js โก Lazy-load everything:
0
7
52
๐ Master Angular's NEW signal-based queries! Say goodbye to lifecycle hooks & decoratorsโuse viewChild(), contentChild(), viewChildren(), & contentChildren() for a cleaner, reactive approach! ๐จQuery plain HTML: title = viewChild<ElementRef>("title");
0
0
9
๐ Angularโs linkedSignal() โ The Missing Link in Signal-Based Reactivity! ๐น Writable like a signal ๐น Reactive like computed ๐น Perfect for scenarios like form resets & state management No more awkward effect() workarounds! Check out how it works: ๐ const quantity =
0
9
59
๐ Angular Devs, did you know? toObservable() in Angular only emits the last signal value from a change detection cycle. Even if you set multiple values before subscribing, you'll only see the final one! Want to see why? Check out this deep dive by @AngularUniv ๐
0
3
47
๐ Slow Angular app? Don't guess, profile it! โ
Generate a bundle report โ
Identify heavy dependencies โ
Use lazy loading & @defer for huge gains Learn how to optimize your appโs performance step by step! โก๐ ๐ https://t.co/R5BmTQ55aw
1
6
67
๐ ๐๐ฎ๐ซ๐ข๐จ๐ฎ๐ฌ ๐๐๐จ๐ฎ๐ญ ๐๐ง๐ ๐ฎ๐ฅ๐๐ซ ๐๐ข๐ ๐ง๐๐ฅ๐ฌ? This course breaks down how to build Angular apps using Signals with minimal RxJs. Learn change detection, CRUD, authentication & more, all in a modern signal-based approach. ๐ฏ โ
25% of lessons FREE! Start learning
0
0
4