Daniel Glejzner
@DanielGlejzner
Followers
7K
Following
14K
Media
2K
Statuses
16K
Founder of Angular Space π£ (4050 Members) - Angular Architect - Microsoft MVP - Nx Champion π - @AngularWroclaw - Organizer - Co-Founder of Angular Bros
Joined November 2019
I happened to receive the #angular community hero award!!! . At ngPoland 2023. Thank you for supporting me. Couldnβt be possible without all of you!
15
10
207
- SSR is not the future of Frontend. - No, not every app should be SSR.- No, not even majority of the apps should be SSR . ππππ.
@datdatdata It's a use case that we support because it has its place, but we don't have incentives to push our users to use more SSR.
42
43
681
New #Angular is here. ππ¦ Updated Docs.ππ¦ Updated Branding.ππ¦ Updated Website.ππ¦ New Tutorials.ππ¦ Code Playground .ππ¦ Open Sourced Docs. π Check it out at π
11
84
437
document.designMode = βonβ. How did I miss it for years? π. Found it on @addyosmani LI. Apparently (original) author @sulco.
8
55
344
After many years with #Angular. I have seen it all. β οΈ WORST ANGULAR MISTAKES β οΈ. β’ Skipping unit tests. β’ Hardcoding configs. β’ Overusing 'any' type. β’ Misusing setTimeout. β’ Avoiding NxDevTools. β’ Not using interceptors. β’ Underusing Angular CLI. β’ Using OnPush.
32
56
336
@debarghya_das @elonfantommy Apparently Poland is the only country with white people exclusively π
. What would you get for Russia and Ukraine ?.
8
1
317
Get comfy with these topics! .If you do, you're in the #Angular top league. β’ JIT.β’ CLI.β’ AOT.β’ Pipes.β’ Router.β’ Signals.β’ Zone.js.β’ Guards.β’ Builders.β’ Modules.β’ Resolvers.β’ Directives.β’ TypeScript.β’ Decorators.β’ Interceptors.β’ Components.β’ Lazy Loading.β’.
28
61
315
Directives are powerful in #Angular. But heavily underused!. As promised. Here is a list of 25 Custom Directives!. β’ Password Strength Directive: Provides visual feedback on password strength & validation. β’ External Link Directive: Opens external links in new tab. β’ Click
23
44
303
Senior Developer Interview Questions.I have a hard time finding these for .#Angular. So here are 18 QUESTIONS .I think are nice to verify Senior Devs: . βββββ.- If you had to pick only 5 libraries as dependencies for your Angular app, which ones would you pick :) ?.βββββ. βββββ.-.
17
32
238
A rebrand?.No more #Angular?. Triangular? (3).Rectangular?.Vueangular?. Or Angular Next π€.New logo perhapsβ¦. Canβt wait to see the cards unfold!
30
17
217
OLD vs NEW way of creating.#Angular components. Implementation is 1:1.Exact same case side by side. - computed.- model.- new Input.- new Output.- viewChild.- content Children.- let template variable. Simple example. Easy to follow. How do you like new approach :) ?
10
41
220
Overlooking #Angular official Style Guide?.You're missing out!. π Here is 'What' and 'Why' π. Single Responsibility.β’ One main thing per file. β’ Why? Reduces complexity, enhances readability. Naming.β’ Use feature.type.ts. β’ Why? Helps in quick content identification,
4
42
202
Don't EVER waste development time. #angular. If backend endpoint isn't ready for integration:. - Establish FE & BE contract with backend team. - Implement as if endpoint was ready. - Use of(mockedData) or full HttpClient with mock endpoint (e.g. . - When
22
16
201
π΄ Adapters in works for #Angular . π΄ TanStack Query.π΅ TanStack Table.π‘ TanStack Form.β«οΈ TanStack Store. TanStack is rapidly merging .with #Angular ecosystem!. Why should you be excited?. Key characteristics of each π. π΄ TanStack Query π΄. - Backend agnostic.- Dedicated
9
34
193
Another day, another new UI library for #Angular β¦. Wait. What? .New UI lib for Angular ?!? π€©π€©π€©. Link in comments
13
25
193
#Angular Pipes .Super undervalued! . As Promised. β List of 25 Custom Pipes! β. And I'm fulfilling every promise I made. β’ TimeAgoPipe: Converts a date into a human-readable format, e.g., "3 minutes ago.". β’ FileSizePipe: Transforms bytes into readable file sizes, e.g.,
5
32
190
#Angular has been the laughing stock of the tech community for years due to its so-called "stagnation." Not anymore. The Angular team has taken the lead in one of the hottest topics in the #JavaScript bleeding edge:. Server-Side Rendering (SSR). Now, Iβm not a fan of pushing
6
34
185
Want to level up your #Angular Skills?.If you are serious about it. π‘ The Ultimate List π‘.π‘ Google these content creators! π‘. Chau Tran.Brian Love.Shai Reznik.Pete Darwin.Maria Zayed.Sander Elias.Stefan Haas.Nir Kaufman.Mike Brocchi.Brecht Billiet.Tomas Trajan.Mike Pearson
12
29
175
βοΈAngular Learning Materials! βοΈ. βοΈ List of 85 free Videos + ArticlesβοΈ.#angular #rxjs. Highest Quality. Hand picked & curated!.by AngularBro @pawelkubiakdev. Updated with a few picks of my own!. π
°οΈ Components π
°οΈ. β’ Angular Components Beginnerβs Guide by Fireship. β’ Sharing
19
49
170
Every time I hear "Angular is deadβ. I smile. Then I go back to building robust, scalable applications with it. #angular.
25
10
168
Marble Diagrams a awesome .to showcase #RXJS concepts. There is one problem. Static diagrams fail to .teach THE CORE Concept. Streams are flowing, data is not static. I'm working on the app that should .disenchant Marble Diagrams :). Drop a like if you want a full version :)
9
8
170
The most complete & in-depth. #Angular e-book I have ever found!. Up to date with Angular 17. And itβs super affordable!. You pay what you want!.( minimum 5β¬). Its very very detailed. Link in comments. Iβm not paid to promote this. I have done a research awhile ago to find
6
25
156
Hey Frontend World. #Angular still exists and has the biggest market share after React. Please stop acting like it doesnβt :)
14
22
155
What if. What if #Angular Component .could tell a story?. Angular Evolution [ v2-v18 ].seen through the eyes of a Component!. SFC style haha
8
18
156
I can clearly see you love Directives. How about #Angular pipes?. Super undervalued as well!. Here is a list of all build-in pipes. Extra Facts. β’ AsyncPipe: Automatically subscribes to an Observable or Promise and returns the latest value it has emitted. β’ CurrencyPipe:
7
24
148
Ok so I received Angular Space buy offer. #angular . Initial offer: 8000$ . - I declined. Offer has been raised to 10 000$. - I declined. I promised to keep Angular Space membership at 0$ for you. They wanted to introduce paid membership. Not on my watch π.
11
2
142
Time to unveil my secret project. Couple of months in the making!. Community-driven summary.of #Angular events in 2023. 24 Guests. 24 Windows. Each opening over 24 days. Starting Today!. A new window opens every day. Leading up to Christmas Eve. Each guest will share their
7
36
140
You start new #Angular app today. How do you manage state?. - Stateful Services (Subjects).- State Adapt.- NGRX Global Store.- NGRX Component Store.- NGRX Signal Store.- RxAngular.- MiniRx.- Ngx Signal State.- Ngxs .- Akita.- Elf.- TanStack Query.- Custom State Management.
34
13
136
Fantastic New #Angular Website. is a good reason to revisit Docs!. Angular Signals Guide.π± Pocket Edition!π± . What are Signals .β£ A wrapper around a value that notifies when the value changes. Can be primitives or complex structures. Reading Signals.β£ Use getter
0
23
130
New people jumping in to #Angular are in a hell of a bad situation. There are:. - articles with signals. - old articles with RxJS based solutions. - new standalone components .- old components with modules .- new control flow .- old directive based syntax .- 8 ways to.
32
16
134
Every time I hear "#Angular is dead," I smile. Then I go back to building robust, scalable applications with it.
19
14
130
Stop Overusing ngOnInit! π«.I'm seeing A LOT initilized there. In modern #Angular, you donβt need ngOnInit for everything - especially with Signals!. [ Recommendation ]. Use class field initialization as .your go-to for simple setups:. - Observables.- Constants.- Forms.- Signals.
9
9
132
I think new #Angular approach .for inputs is simply beautiful! . - Signal-Based Inputs .- Decorator Inputs . Letβs compare them:
13
18
132
As promised. I've animated for you!. There and Back Again with. #Angular CD and Zone.js. Let's dive into explanation π. ZONE (1. n):.β’ Zone.js handles multiple asynchronous Angular events. TICK:.β’ Zone's trigger for Angular's re-evaluation. Blue Box:.β’ Angular
2
28
132
Directives are powerful in #Angular. But heavily underused!. Here is a complete list of Built-In Directives!. πΉ Common Directives πΉ. β’ NgClass - Toggle CSS classes. β’ NgComponentOutlet - Instantiate components. β’ NgFor & NgForOf - Iterate & render lists. β’ NgIf -.
9
25
127
#Angular is Fantastic. But not perfect. Here are 10 things I would change π. β’ HttpClient native support for Promises. β’ Transient Services. β’ Option to extend the standard Angular Decorators. β’ DefaultValueAccessor as Standalone Directive. β’ FormArrays support for
21
19
122
Most of #Angular devs have never used or don't know how to use InjectionToken. Drop some cool or boring use cases in the comments :).Let's disenchant this mythical beast.
27
8
124
Signals everywhere #Angular . @ ViewChild -> viewChild().@ ViewChildren -> viewChildren().@ ContentChild -> contentChild().@ ContentChildren -> contentChildren()
6
14
118
π
°οΈ Angular Forms π
°οΈ.-VS-.π΄ TanStack Forms! π΄. Big Moves in the Angular Ecosystem with Signals & TanStack!.#Angular . Signals are a game-changer for the Angular ecosystem. Thanks the great DX they are attracting attention from various cross-framework utility maintainers.
11
19
119
It has been a fantastic journey #Angular fam π€. Our favorite framework is getting better then ever with each day.
2
16
116
Angular was. Angular is. Angular will be. The best choice for enterprise scale applications. #angular
8
7
112
Drop the best #Angular GitHub repos you know. Repositories showcasing good βpractices in practiceβ π πGo!.
6
15
111
Me telling #Angular devs that not every component should be reusable. - DRY is killing apps as soon as they start growing.
21
10
108
Angular Coding Style Guide.By Angular Space . Anyone would be interested?. Many good practices. Much opinionated. All based on real world experiences. All in colab with #Angular Space Mentors. If you want this I want to see likes π.Itβs a lot of work need to be sure.
10
4
107
You need to check this repo. This is one the best examples of custom made signals based state management I have seen so far. #angular . - declarative approach β
.- signals based state management β
.- NO *effect* usage ;) β
.- easy to understand β
. Link in comments π.
5
16
110
π #Angular Content Projection 101 π. π€ What is it? π€. Allows you to project one component into another. Enables dynamic template rendering. 𧩠How it Works π§©. β’ Basic Projection: Wrap content within a component and use <ng-content></ng-content> in the component's template.
4
22
104
You start new #Angular app today. How do you manage state?. why?. - Stateful Services (Subjects).- State Adapt.- NGRX Global Store.- NGRX Component Store.- NGRX Signal Store.- RxAngular.- MiniRx.- Ngx Signal State.- Ngxs .- Akita.- Elf.- TanStack Query.- Custom State Management.
49
10
99
Awesome #Angular Docs Series!. π Angular Hydration - Key Facts π. What is Hydration?. β’ Restores server-side rendered apps on the client. β’ Reuses server-rendered DOM, persists application state, transfers pre-fetched data. Importance of Hydration. β’ Boosts performance by
1
25
99
Found another pretty damn good real world #angular repository! . Donβt expect signals etc. - Angular 15.- Nx Workspace.- ngneat/svg-icon.- ngneat/until-destroy.- ngrx and ngrx/component-store.- ng-zorro UI components.- TailwindCSS .- Netlify for deployment. Link in comments π
1
8
100
Mastering #RxJS is about understanding the core concepts. Not memorizing all of the operators. Elevate your reactive game. β’ Hot vs. Cold Observables.β’ Error Handling.β’ Backpressure & Buffering.β’ Multicasting.β’ Schedulers.β’ Testing Reactive Code.β’ Core Operators (map,.
8
29
96