Enea Jahollari 🅰
@Enea_Jahollari
Followers
10,244
Following
1,035
Media
846
Statuses
7,683
Angular Hype Developer ⚡️ | GDE 🅰 | Software Engineer at 🧑💻 | Co-created ngxtension 🔨 | Created rx-angular/isr 🏗 | Maintaining RxAngular 🏎️
Albania
Joined April 2015
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#السعوديه_البحرين
• 168125 Tweets
England
• 159485 Tweets
Bloomberg
• 139709 Tweets
سالم
• 107947 Tweets
Tuchel
• 90070 Tweets
Ronaldo
• 66450 Tweets
Fields
• 64757 Tweets
مانشيني
• 54542 Tweets
Jimmy Carter
• 54000 Tweets
Portugal
• 53949 Tweets
Browns
• 44082 Tweets
Amari Cooper
• 41010 Tweets
Krypto
• 39578 Tweets
Córdoba
• 34771 Tweets
كاس العالم
• 33019 Tweets
المنتخب السعودي
• 30377 Tweets
James Rodríguez
• 26154 Tweets
علي المنتخب
• 26119 Tweets
#GHLímite6
• 26111 Tweets
Tapia
• 25124 Tweets
#TemptationIsland
• 23614 Tweets
#فزعه_الشعب_السعودي
• 23030 Tweets
LISA VSFS PERFORMER
• 20442 Tweets
Russ
• 19273 Tweets
Elsa
• 17950 Tweets
EU TE TRATO MAL
• 16108 Tweets
Durán
• 15631 Tweets
Dávila
• 14212 Tweets
Lucho
• 12021 Tweets
Last Seen Profiles
New Angular Router api-s are really next level 🚀🤩!
- CanMatch guard: use the same route for different components
- loadComponent: lazy load component at route level with default import
- Functional guards: Guard your route as easy as a function call away!
#angular
23
205
925
32
103
651
I’m super happy and excited to announce that I'm a Google Developer Expert in Angular 🎉
Huge thanks to
@pkozlowski_os
@twerske
@ankitsharma_007
, and also all of you that support me 🙌!
#angular
#gde
115
20
592
16🍬coming in Angular v16 🅰️
1.🚦 Signals
2.💦 Non-destructive hydration support
3.🏎 Esbuild dev-server
4.🎨 Material components token API
5.💎 Create standalone app schematics
6.📢 Required inputs
7.🚏 Bind route data to inputs
8.🧩 Set inputs in NgComponentOutlet
👇
#angular
18
148
499
Some Angular Query is coming near you 🏃
With some modern API-s and better signals integration ⚡️
cc
@Arnoud_dv
@TkDodo
#angular
13
52
389
Angular Dependency Injection Visualization is coming to Angular Devtools 🔥🎉
Debugging DI issues the hard way will be a thing of the past!
#angular
11
76
371
I just published a new Open Source project that should be handy to every Angular developer that is updating the Angular version 🩺.
When updating the Angular version we have to make sure that we also update the external libs, and have to check them one by one if they have added
27
87
363
Here's how I structure my components now that everything is signal-based 🚦
- DI dependencies
- inputs
- models
- outputs
- view / content queries
- local state + computeds
- constructor with effect replaces ngOnChanges and other lifecycle hooks
- ngOnInit - initialization logic
27
58
366
Angular v16 (May 2023):
✅ DestroyRef injectable
⏳ Signals
⏳ Fine-grained (component leve) change detection
⏳ Scoped zone.js, different CD mechanism per scope
⏳ Non-destructive hydration
I'm hyped 🥹! How about you 😀?
#angular
14
48
354
Required inputs are coming 🔨!!
PR: (was closed but probably will be opened again soon)
Thanks to
@_crisbeto
🤩.
A 6 year old issue is going down 🚀!
#angular
13
58
341
Angular v15.1.0 was just released 🎉🤩
🚀 Self-closing tags on custom elements
🔥 Typescript 4.9 support
❤️ TestBed.runInInjectionContext is now available!
⚠️ CanLoad is deprecated now in favor of the more powerful CanMatch guard!
🪄 and more!
#angular
11
65
335
A new injectable was introduced called DestroyRef.
This makes the injectDestroy() function not depend on private api-s 🎉
takeUntil(this.destroy$) was just made easy ❤️!
#angular
9
64
319
Do you wanna see something cool?
That probably will be a game changer !!
Checkout this rxjs devtools extension:
#angular
#rxjs
#typescript
@angular
9
73
320
Angular Material Components and CDK are being converted to standalone!!! 🎉
Thanks to
@_crisbeto
⚡️
#angular
7
36
304
Angular v16.0.0-next.0 was just released 🔥!
It includes Signals🚦, so you won't have to copy over the signals folder in order to play with them!
Also, no ngcc anymore 🎉, and as Alex said, it won't be missed 😆!
#angular
10
79
301
I just published A change detection, zone.js, zoneless, local change detection, and signals story 📚
It includes almost all the info I have about Angular's past, present, and future when it comes to change detection ✨
#angular
13
66
296
This week injectLazy was released 🚀
It's a utility function that helps you inject lazy imported services into your components ⚡️
It was inspired by both and (thanks to
@Jean__Meche
🙌)
Go give it a try and let me know in the
11
65
296
9
80
286
My first big PR was merged in Angular 🥳, and it's an extended diagnostic that notifies the dev to invoke an uninvoked function in the template 😁
#angular
23
17
293
What's coming in Angular v17 🔥
⚡️ New template syntax for if, for, switch (better performance, better readability, better DX, better type-checking)
📈 New list reconciliation algorithm
🚀 World class lazy loading using the new defer block
🏗️ New application builder that
10
57
282
I always liked to do this in Angular, and weren't able to do it!
And now it's slimmer then ever!
I love inject() function 😍
#angular
21
44
277
19
33
278
Should I make this personal project Open Source 😃?
Tech stack used:
- Angular v17.3 (new inputs, outputs)
- Angular Material 3 (+ dark mode)
- Firebase (+ local dev)
- Tailwind (layouts and some styling)
- ngxtension (connect, computedAsync, injectParams)
#angular
40
15
258
What if 🌶️?
Angular smallest unit is not a component, but a template (ng-template).
What if we could create templates without needing to create a component 🤔?
Because templates require a context, it would be the props of it.
Here we get functional templates (not
39
24
250
Local Change Detection in Angular (component level) 🤔?
- How does it work currently?
When using async pipe or the signals in the template, Angular will use cdr.markForCheck() underneath.
That function will mark the component for check and all its parents until it reaches the
While you're still waiting for the secret to drop, here's something that will affect your apps for gooood 🔥!!
Angular just got local change detection when using signals 🤯🤯🤯🤯🤯🤯🤯!!!!
#angular
8
21
110
15
45
250
<ng-content /> default content was just merged 🚀!!!
#angular
It's here. v18 will have support for default content in ng-content.
Thanks to
@_crisbeto
🙌 and to
@dylhunn
@DevVersion
who worked on the new template pipeline which made this possible 🚀🚀
#angular
8
21
109
8
37
247
In v17 we get one of the best features in Angular ever 🚀!
OnPush 🛡️ + Signals 🚦 = Local change detection ⚡️!
#angular
8
23
243
Here's an example of functional guards that just landed in
#angular
v14.2.
Yes, we can use inject function inside the guard function.
How? Because the guard function will be executed in an injection context.
Thanks to
@AScottAngular
🥳
13
40
240
Bind Router data, Query Params, Resolve data, Path params directly to component inputs!!!! 🎉🤩
Thanks to
@AScottAngular
🤩
#angular
16
51
234
Angular Material docs now use Material 3 by default 😍
I don't know which one is my favorite color now as they are all beautiful 😍
#angular
13
43
233
If you are having issues with Eslint & Prettier and the new control flow is not being formatted correctly.
Please make sure to update to these versions:
- "prettier": "3.1.0"
- "eslint-plugin-prettier": "^5.0.1"
Hope it helps!
#angular
1
32
232
Together with
@Nartc1410
we created an Angular Library that contains utility functions that we use everyday that are fully tested 🧪!
I present you: ngxtension 🚀
It currently includes:
- ✅ assertInjector
- ✅ createInjectionToken
- ✅ computedFrom
- ✅ injectDestroy
- ✅
9
51
226
Angular New Control Flow syntax looks like is coming in v17! 🎉
The new syntax will be the @-syntax and not the #-syntax.
I created some snippets to play with the new syntax and I explain them in the video below.
Let me know in the comments what do you think 🙌!
PR that
13
44
227
I just published:
Lazy loading services in Angular.
What?! Yes, we can. 😄
Go check it out ⚡️
#angular
8
57
220
Built with Angular ❤️
#angular
Develop from anywhere, on any machine.
🎉 Introducing Project IDX, an experimental new project aimed at bringing your entire full-stack, multiplatform development workflow to the cloud.
Learn more ➡️
33
364
1K
8
24
220
While Angular hasn't exposed any signals API-s from router or forms or other libs, I need them, so here are the queryParams and params as signals 😃
#angular
12
36
222
Just update to v3.1 or
@PrettierCode
and the new Angular Control Flow Syntax gets formatted like a charm ⚡️!
#angular
We just released Prettier 3.1! This release includes improvements to ternary operators formatting, a new `--experimental-ternaries` option, and support for
@angular
v17's Control Flow Syntax:
10
46
364
8
25
221
In the latest version of Angular we can now use fetch instead of xhr for the http client.
Why should you care? 🤷♂️
If you're going to deploy Angular in the edge (cloudflare workers or other edge runtimes) fetch is required to make the api calls.
Is this breaking?
No!
How to
11
44
218
What if I told you that using Input getters and setters, to convert inputs to something else before being used in the component isn't going to be necessary anymore?
Take a look at the before and after 👇
All this is possible to this new PR, thanks to
@_crisbeto
💪:
18
30
215
THEY ARE HERE 🚀!!!!
Signal Inputs 🔥🔥🔥🔥🔥🔥🔥!!!
Go check it out! And give a thumbs up 👍!
#angular
10
40
211
Angular latest next release is fully packed 🔥🔥
- Signals are finally stable!
- It includes the schematics to migrate templates to the new control flow ❤️!!
- Mutate method was dropped from signals
- Customization for HttpTransferCache
- Better toSignal typings
- Diagnostic
9
51
210
IT IS HEREEEEEEE 🚀🚀🚀🚀🚀🚀🚀🚀 ⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️❤️❤️❤️❤️❤️❤️❤️🔥🔥🔥🔥🔥🔥🔥!!!
Experiments with zoneless change detection !!!!!
#angular
10
28
208
Angular will introduce an official migration schematic to migrate decorator-based Inputs to signal inputs 🎉
I will have to deprecate another schematic in ngxtension, love it ❤️!
#angular
5
21
205
7
20
202
9
40
199
I just updated a project that started like this (v2.2.3) to look like this (v16.2.12) 😄
#angular
34
4
200
Angular v18.2 is out 🎉!
Checkout the changelog to learn about all the goodies 🤌
This one includes the two new features I contributed in Angular 🎉
- feat(compiler): add extended diagnostic to warn when there are uncalled functions in event bindings
- feat(migrations): add
10
28
191
14
21
191
If I had to build an app that must scale I'd go with:
-
@angular
for everything out of the box experience
-
@NxDevTools
for build caching / tooling
- ngrx/store (
@ngrx_io
) for highly complex state that really needs an event driven architecture
- rx-angular/state &
35
19
190
Yes, takeUntilDestroyed is great but it’s not easy to migrate code to it. You either need to pass DestroyRef to it or use it in an injection context.
I already had a lot of destroy$ = new Subject<void>(); in my codebase and called next() and complete() in ngOnDestroy.
So, I
11
30
187
As Angular signals are coming to life, I wanted to share again the fact that it's ok to use function calls in the template, as long as we know what we're doing (memoizing those calls)!
In the screenshot below I've used the new angular reactive primitive.
#angular
15
28
185
If anyone wants to play with the new Angular Signals 📡, I just extracted their source code into this stackblitz:
You can play with it 🔥!
#angular
17
47
187
✨A new feature is coming to Angular Router 🚀
We will be able to set a different browser URL from the one for route matching 🎉
Why it's needed?
This is useful for redirects where you want to keep the browser bar the same as the originally attempted navigation but redirect to
7
28
185
I just published Angular Signal Inputs are here to change the game 🎲
Go check it out 🏃
JustAngular link:
Medium Link:
#angular
12
47
183
What do you think of this syntax highlighting for the new control flow?
And also, look at that switch block, with an inner for and defer block, how simple things become 🔥!!!!
#angular
44
20
173
If you care about Angular performance, you would like to take a look at this release!
IT IS PACKED 🔥!
#angular
2
32
173
It's amazing what we can achieve with 100 lines of Angular code (fully standalone) 😍🔥
#angular
#100linesofcode
#javascript
#js
7
39
169
This is a 1-year-old tweet now, but I still love it!
Angular Router is really powerful ⚡️!
#angular
New Angular Router api-s are really next level 🚀🤩!
- CanMatch guard: use the same route for different components
- loadComponent: lazy load component at route level with default import
- Functional guards: Guard your route as easy as a function call away!
#angular
23
205
925
4
22
167
22
4
169
Change Detection in Angular 🔨
- markForCheck - marks component and all ancestors as dirty -> top-down rendering is needed to bring the app to a stable state
- detectChanges - re-renders component and all its children -> If used too much can bring the app performance to its
3
41
168
I just published:
Add Superpowers to your Angular Inputs ⚡️ (New feature 🎉) 💎
Go check it out 🏃♂️
#angular
7
35
151
HELLLLL YEAHHHH 🎉🎉🎉
The schematics that migrate code from directive based control flow to the new template syntax 🚀
#angular
10
31
166
Combining Signals and Observables may have been confusing till now, but with computedFrom it will be easier to understand and to work with.
Give it a try and let me know in the comments what do you think!
#angular
8
31
167
I don't know how to say it, but my post on Incremental Static Regeneration for Angular was published in the official Angular Blog itself 🤯 and I can't believe my eyes when I see it 🥹!
Read about the benefits and how to get started with ISR in Angular
12
27
164
Local change detection in Angular is becoming a reality using signals 🥳
Thanks to
@AScottAngular
🙌
#angular
6
20
163
Explore the different ways to animate your Angular Apps by
@williamjuan27
This is God sent 🔥!
#angular
3
36
163
What if your computed can cancel the previous API call, being it an Observable or a Promise 👀?
computedAsync does exactly that 🔥!
Checkout the PR in ngxtension for the details.
Play with it here:
#angular
18
26
164
Did you know that it’s ok to use function calls in Angular templates?
I've written more about it here:
#angular
19
38
162
Looks like next major Angular version v17 will use esbuild by default! 🔥
It's going to use the application builder (renamed esbuild-builder) which combines a lot of features together, without needing multiple types of builders like ssr, prerendering, ssr-dev-server etc.
14
24
159
