Chau Tran Profile Banner
Chau Tran Profile
Chau Tran

@Nartc1410

7,770
Followers
1,375
Following
1,860
Media
14,307
Statuses

Sr Engineer @NxDevTools | GDE @angular | I use @neovim btw

O'Fallon, MO
Joined November 2017
Don't wanna be here? Send us removal request.
@Nartc1410
Chau Tran
2 years
#angular #di Quick reminder of one of Angular Hierarchy DI's characteristics
Tweet media one
10
93
336
@Nartc1410
Chau Tran
1 year
#angular ye boi!
Tweet media one
29
30
225
@Nartc1410
Chau Tran
2 years
Hi fellow @angular devs, I am happy to finally announce a revamped version of #AngularThree ( @threejs integration with Angular) The new version takes on the approach of a Custom Renderer to render THREE.js entities directly from Angular template. Docs:
Tweet media one
10
55
222
@Nartc1410
Chau Tran
4 years
Starting a new @angular project? - Instead of: ng new my-project - Letโ€™s do this instead: npx create-nx-workspace my-org โ€”cli=angular โ€”preset=angular โ€”linter=eslint โ€”appName=my-project - What you get? Jest, Cypress, ESLint, Path Alias, Computation Caching out of the box + more
2
52
215
@Nartc1410
Chau Tran
2 years
Repeat after me |๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ| RxJS โ€œwithโ€ Signals, not โ€œvsโ€ |๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ๏ผฟ| \ (โ€ขโ—กโ€ข) / \ / โ€”โ€” | | |_ |_
15
27
210
@Nartc1410
Chau Tran
2 years
@angular v15 Directive Composition API takes composition to the next level for me. Would you use it?
Tweet media one
9
28
190
@Nartc1410
Chau Tran
2 years
Testing the NgOptimizedImage directive in @angular 14.2 out and it's ๐Ÿ”ฅ. Free performance gains with extremely less effort. Awesome effort by #GoogleAurora and #Angular for bringing this Directive to the community Note: This is a very simple page: 5 images with 5 different sizes
Tweet media one
Tweet media two
@angular
Angular
2 years
Guess what? v14.2 is out now! ng update for: โ†’ Developer Preview of a new Image Directive in collaboration with @ChromiumDev ๐ŸŒ  โ†’ CDK Listbox is stable โ†’ ng serve with service-worker support โ†’ Developer Preview of standalone support in @angular Elements + more!
19
153
474
4
38
189
@Nartc1410
Chau Tran
2 years
This is an appreciation tweet for @Michael_Hladky (and the entire #RxAngular team). Rendering: 800 objects x 5 Levels of Details (4000 objects in memory, 800 on scene) - ngFor: frame dropped, blank screen - rxFor: concurrent!!!!!!!
9
32
191
@Nartc1410
Chau Tran
3 years
Happy Monday, friends! ๐ŸŽ‰ I'm proud to announce that I've become a GDE in Angular ๐ŸŽ‰. Huge thanks to @_tieppt , @bonnster75 , @tuantrungvo , @devpato , @beeman_nl , @jeffwhelpley , @twerske , @nestframework , and many others ๐Ÿ™‡โ€โ™‚๏ธ Thank you all for your supports! ๐Ÿ™‡โ€โ™‚๏ธ
Tweet media one
54
13
183
@Nartc1410
Chau Tran
2 years
personal (unpopular) opinion: Angular v16 (and later) will be much more beginner friendly than React. Iโ€™m not arguing. Iโ€™m working with React right now and so many little things to think about ๐Ÿ˜ฐ
30
12
175
@Nartc1410
Chau Tran
3 years
You all know I am an @angular "fanboy" so here it is ๐Ÿ˜ฌ
Tweet media one
Tweet media two
@andrestaltz
Andrรฉ Staltz
3 years
I don't care if Cycle.js isn't fighting the framework wars anymore, but I'm happy about this:
Tweet media one
Tweet media two
Tweet media three
Tweet media four
28
19
228
6
18
157
@Nartc1410
Chau Tran
4 years
TIL @angular YT channel released a whole batch of videos yesterday, which I love. And what I love even more is these videos are in @fireship_dev style. I love seeing this collaboration. Absolutely killing content and delivery. cc @Jeffdelaney23 great job! That's all I can say.
Tweet media one
2
41
149
@Nartc1410
Chau Tran
3 years
This is my last week @swimlane . I enjoyed working with everyone there, especially UI/UX/FE teams. I'll be joining @nrwl_io . Really looking forward to this new journey and to meet all the talented people that I've been following for a while. Hyped to be on the same team as them.
40
8
151
@Nartc1410
Chau Tran
2 years
The first Angular Vietnam meetup is happening! @angular
Tweet media one
8
6
145
@Nartc1410
Chau Tran
3 years
#ngUpdate my @ScullyIO + @angular blog. - 1st: v12 - 2nd: v13 cold prod build - 3rd: v13 cached prod build Build time: 40s -> 27s on cold build - No more differential loading Bundlesize: 347kb -> 337kb All these improvements = 1 command: ng update I'm blown ๐Ÿคฏ
Tweet media one
Tweet media two
Tweet media three
7
20
141
@Nartc1410
Chau Tran
2 years
Hi Twitter friends, I've just crossed 4k followers. Let me re-introduce myself. I work on @NxDevTools along with my amazing folks @nrwl_io . I'm an @angular GDE so you'll find many tweets about Angular from me. @nestframework and other @typescript things as well. Welcome!
6
10
140
@Nartc1410
Chau Tran
2 years
#angular #three new demo up PS: if someone knows what's up with the lighting, please let me know ๐Ÿฅน
12
23
133
@Nartc1410
Chau Tran
11 months
#angular and as you already know, `async` will emit an initial default "null" value if list$ does not emit a default value. To render something when "null" happens, you can use ` @empty ` This renders "The list is empty" for 5s
Tweet media one
@marktechson
Mark Techson
11 months
I've seen some folks asking about this but yes, this works with the new syntax - observables with the new for syntax.
Tweet media one
1
8
46
3
21
128
@Nartc1410
Chau Tran
2 years
#angular #react I wonder what we would need to do to get this in Angular? This is one of the things that makes me miss React (JSX). Composability is so easy and expressive.
Tweet media one
Tweet media two
23
15
122
@Nartc1410
Chau Tran
6 months
#angular #analogjs #sfc use `<template>` tag to declare host bindings and host listeners? Yes please. before / after
Tweet media one
Tweet media two
18
15
124
@Nartc1410
Chau Tran
2 years
#angular 15.1.0 Here's a quick look at Self-closing tags in 15.1.0 Little before and after.
Tweet media one
Tweet media two
5
20
118
@Nartc1410
Chau Tran
2 years
Iโ€™m super proud to share this with yโ€™all! Twitter (your feed) might be in a rough spot so letโ€™s have this piece of good news on it ๐Ÿ‘
Tweet media one
9
4
120
@Nartc1410
Chau Tran
2 years
Itโ€™s balloon day for me, turning 31 ๐Ÿ’ช
Tweet media one
42
0
121
@Nartc1410
Chau Tran
2 years
#angular #tip When exporting InjectionToken for the consumers to use, you can also export a utility function used to provide said Token. You can type this utility function so that your consumers know what to provide instead of blindly use "useValue"
Tweet media one
4
24
118
@Nartc1410
Chau Tran
2 years
#angular folks, Iโ€™d personally recommend using inlineTemplate and inlineStyles as much as you can with Standalone Components. You can always create new html/css files later as needed. I move so fast with Standalone and SFC (Single-File Component) and I love it!
19
14
121
@Nartc1410
Chau Tran
3 years
Spicy: I have a feeling 2022 will be @angular year!
14
11
115
@Nartc1410
Chau Tran
1 year
#angular #three Finally got around to porting @s_lempens Skydiving example to Angular Three. Stackblitz: Github: Original (r3f):
10
19
112
@Nartc1410
Chau Tran
1 year
#angular #rfc What one of my #angularthree components would look like after and if Control Flow RFC was implemented - Yes, simple cases (one-liner ngIf) might be 1-2 lines more code - But complex cases are 1000x times easier to read.
Tweet media one
Tweet media two
12
16
110
@Nartc1410
Chau Tran
4 years
New coding partner!
Tweet media one
5
0
110
@Nartc1410
Chau Tran
2 years
@ossia The person is probably just joking around. This is a meme from an anime called Bleach. In the anime, there is a group of people called the Quincy (your name). Some powerful Quincies have the ability to "steal bankai" (Bankai is a powerful skill)
2
0
107
@Nartc1410
Chau Tran
1 year
#angular #signals Hi folks, I just finished a #RealWorld impl with Angular Signals, and I chose to go with "Extreme Signals" approach, where I use as little RxJS as possible. I invite y'all to look at the repo and try to change some Signals to RxJS.
13
22
110
@Nartc1410
Chau Tran
2 years
for @angular folks that think having a separate HTML file is *separation of concerns* #SFC
@jamonholmgren
Jamon
2 years
How some developers think โ€œseparation of concernsโ€ works.
869
12K
60K
16
7
111
@Nartc1410
Chau Tran
2 years
@angular folks, have you run into any situation where you NEED to accept some Input as early as the "constructor"? Regular Inputs won't be resolved until first ngOnChanges/ngOnInit (CD). Use a Structural Directive which technically gives you the ability to "defer instantiation"
Tweet media one
Tweet media two
Tweet media three
8
21
107
@Nartc1410
Chau Tran
1 year
#angular #signal What my component would look like before/after Signal Inputs.
Tweet media one
Tweet media two
9
17
106
@Nartc1410
Chau Tran
2 years
#angular #tips If your reusable Component accepts Functions/Callbacks as Inputs (eg: DatePicker with a customizable Formatter function), provide Identity Functions for those Inputs. It will save your Consumers tons of headache.
Tweet media one
4
17
105
@Nartc1410
Chau Tran
1 year
The first thing this little guy wanted to do with daddy after a week-long trip was to go get ice-cream ๐Ÿฆ
Tweet media one
1
1
105
@Nartc1410
Chau Tran
2 years
405 commits later, #AngularThree v5 is almost ready. Documentations next!
Tweet media one
7
10
106
@Nartc1410
Chau Tran
3 years
As I mentioned before, whatever @fireship_dev puts out for @threejs tutorial, I'll try to use @angular THREE to recreate it. And voila, here it is:
5
14
97
@Nartc1410
Chau Tran
3 years
is it just me or anyone else doing this? #angular #ngrx
Tweet media one
11
12
98
@Nartc1410
Chau Tran
2 years
My talk for #ngconf wasnโ€™t accepted. So, Iโ€™m available to talk about it else where. If you think your audience wants to learn about #Angular Custom Renderer, hit me up! ps: I will still be at the conf ๐Ÿ’ช
11
5
97
@Nartc1410
Chau Tran
9 months
How my family rolls in Vietnam
Tweet media one
9
1
97
@Nartc1410
Chau Tran
1 year
idk if anyone ever read my profile and wondered what โ€œavid pen spinnerโ€ is ๐Ÿ˜…. here goes
12
1
91
@Nartc1410
Chau Tran
1 year
#angular A reminder that in Angular, you can create reusable sub templates with ng-template and NgTemplateOutletContext. Not everything needs to be a component.
Tweet media one
Tweet media two
6
11
92
@Nartc1410
Chau Tran
2 years
On my way to @AllThingsOpen ! Wearing my @GoogleDevExpert @angular hoodie so people know Iโ€™m a dev ๐Ÿ˜… Hope to finally meet friends (and new friends) in real life for the first time!
Tweet media one
10
1
92
@Nartc1410
Chau Tran
3 years
Wow, 2k followers! Thank you all for the support I'll take this time to (re)introduce myself. My name's Chau, I am: - An engineer @nrwl_io - A team member of @nestframework (but haven't been able to involve for a while) - An OSS dev. #AutoMapper #AngularThree DM is always open
3
4
90
@Nartc1410
Chau Tran
3 years
Official logo of Angular Three
Tweet media one
5
4
88
@Nartc1410
Chau Tran
2 years
#angular reactivity primitive, please be good ๐Ÿ™
9
5
87
@Nartc1410
Chau Tran
2 years
#angular At some point, I see @Enea_Jahollari tweet, I click, no hesitation!
Tweet media one
5
1
86
@Nartc1410
Chau Tran
3 years
#angulartips When building reusable components, provide CSS Variables for styles that aren't related to the Component's variants (like Primary, Accent, Danger, Warn, etc...). This allows for the consumers to achieve some one-off customizations with Style Binding (Ivy) @angular
Tweet media one
5
13
85
@Nartc1410
Chau Tran
5 months
literally moment before someone else (Ravi) took 1st place with a whopping 23s solve! Welp, at least I can say that I was 1st ๐Ÿ˜ฌ
Tweet media one
5
0
85
@Nartc1410
Chau Tran
9 months
#angular #signal my little cheatsheet since some folks have been caught off guard by the type argument positions `<ReadT, WriteT>`
Tweet media one
2
23
85
@Nartc1410
Chau Tran
4 years
Try it out right now with @angular v11.2.0-rc0 with built-in @tailwindcss support. The 2nd screenshot is to turn on purge in production build
Tweet media one
Tweet media two
@Nartc1410
Chau Tran
4 years
Interesting.
4
9
39
5
19
82
@Nartc1410
Chau Tran
2 years
#angular #signal #experiment So, how about a "pipeable computed"? - Accepts a Signal OR an ObservableInput as source - Accepts an OperatorFunction as second parameter Thoughts? Note: This is all experimental. All constructive feedbacks are welcome.
Tweet media one
12
11
84
@Nartc1410
Chau Tran
2 years
#angular ๐ŸŒถ๏ธ๐ŸŒถ๏ธ๐ŸŒถ๏ธ๐ŸŒถ๏ธ ALERT I know some folks'll jump in "ugh but you'd never run into these in the real world" but idc. I do run into these, especially in Component Libraries. Until Observable Inputs, your best bet is either ComponentStore, RxState, or some hand-made Subjects.
Tweet media one
@walkingriver
Michael Callaghan
2 years
Do you prefer setters on your Angular @Input () fields or using ngOnChanges?
31
1
55
9
8
83
@Nartc1410
Chau Tran
4 years
๐Ÿ”ฅ ngneat/tailwind has moved to @NxDevTools ๐Ÿ”ฅ - Now ngneat/tailwind supports both Nx (Nx OR Ng) and Ng - Nx with testing tools for schematics out of the box is ๐Ÿš€ - ng add @ngneat /tailwind (AngularCLI) nx generate @ngneat /tailwind:nx-setup (NxCLI)
8
24
83
@Nartc1410
Chau Tran
3 years
#typescript #generics What have I done to myself? ๐Ÿ˜…
Tweet media one
16
13
83
@Nartc1410
Chau Tran
2 years
Is this a good meme? Maybe...maybe not Do I feel good about using my kid as meme? I can't say I feel bad either ๐Ÿคฃ #angular #dadlife
Tweet media one
9
3
82
@Nartc1410
Chau Tran
4 years
RxJS fromEventPattern Convert callback-based sources like a WebSocket, you can use fromEventPattern for a cleaner API in your @angular applications. Here's an example of type-safe SocketService #angulardailytip #rxjs
Tweet media one
0
17
80
@Nartc1410
Chau Tran
2 years
#angular #signal An experiment createStore that: - accept an object as initial state and turn that into a Signal. - lazily create (and cache) computed properties for all properties in the initial state. - can be used both in and outside of Angular's building blocks
Tweet media one
10
15
81
@Nartc1410
Chau Tran
2 years
#angular #hostDirectives This must have been the most clever usage of HostDirectives that I've come across yet! Awesome sauce @denis_y
Tweet media one
1
11
81
@Nartc1410
Chau Tran
1 year
#angular ๐ŸŒถ๏ธ #rant Some Angular folks hating on JSX and Props Spreading. Also the same Angular folks would write the component template below PS: yes I am _forced_ to write this template
Tweet media one
25
5
78
@Nartc1410
Chau Tran
10 months
#angular #gde Thank you to the @angular community for making this happen. Yay to me for another year to blast y'all with my blabbering, sometimes nonsensical, but you know you like it ๐Ÿ˜‚ No, for real though, love y'all!
Tweet media one
6
0
79
@Nartc1410
Chau Tran
2 years
Thank you @GoogleDevExpert for the swag!
Tweet media one
4
0
80
@Nartc1410
Chau Tran
1 year
#Angular This inspired me to start on an Aviator-port to #AngularThree Should I finish? ๐Ÿ˜…
@tresjs_dev
TresJS
1 year
The first game ever done with TresJS is here!!! ๐Ÿฅณ The Aviator - by @enpitsulin Inspired by "The Making of 'The Aviator': Animating a Basic 3D Scene with Three.js", by @yakudoo tutorial Amazing work!! Give it some love ๐Ÿงก #Do3DWithVue
9
46
243
2
7
79
@Nartc1410
Chau Tran
2 years
#angular #signals #injectiontoken #injectable 1. Injectable class 2. InjectionToken and useFactory Which one would you prefer?
Tweet media one
Tweet media two
13
9
77
@Nartc1410
Chau Tran
2 years
Super happy for @code and @angular users! This takes DX for Angular, as a whole, to a new level! Great job @dylhunn and thank you for your effort!
@dylhunn
Dylan Hunn
2 years
As of #Angular v15, the language service will be able to automatically suggest imports for selectors! This is very useful with standalone components, since you don't already have your ngModule imports. (But it works with ngModules also!) @angular
12
99
453
5
7
77
@Nartc1410
Chau Tran
1 year
#angular --- Chau: Yo I got this utility fn. Enea: Damn, I have it too. Copy-paste to every single project Chau: man, me too --- and...that's how the library comes into existence ๐Ÿ˜‚. So same goes for y'all, have something you copy across projects, send us a PR!
@Enea_Jahollari
Enea Jahollari ๐Ÿ…ฐ
1 year
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 - โœ…
Tweet media one
Tweet media two
Tweet media three
9
51
226
0
13
76
@Nartc1410
Chau Tran
2 years
The more I work on Angular Three, the more I realize a Reactivity Primitive is so much needed. Angular Change Detection and RxJS cannot be further apart. We have to rely on extra mental overheads for them to work together. As soon as something non-trivial comes up, it crumbles
3
3
74
@Nartc1410
Chau Tran
3 years
Turned 30 today!
Tweet media one
34
0
75
@Nartc1410
Chau Tran
2 years
#angular #standalone For folks that ship Angular components libraries, if you want to migrate your components to standalone but still want to keep the Module around to not break your consumers (to slowly rollout migration guides), use the following approach
Tweet media one
3
19
75
@Nartc1410
Chau Tran
8 months
๐Ÿ‘‹ This is my first time ever as an international speaker. Come say hi! Can't wait to share my experience building #Angular libraries with @NxDevTools with y'all.
@angularbelgrade
Angular Belgrade
8 months
It's time to announce our next speaker, @Nartc1410 ! ๐ŸŽ‰ Chau is a Senior Engineer at Nx, GDE in #Angular , and the creator of several great OS libraries such as `angular-three` and `ngxtension`. ๐ŸŽŸ Early Bird Tickets are available until February 10th:
Tweet media one
0
4
25
4
10
75
@Nartc1410
Chau Tran
9 months
#angular #signals Lots more work to be done but this is coming to ngxtension near your angular 17.1 app
10
11
75
@Nartc1410
Chau Tran
1 year
#angular #threejs Inspired by this, I've created an #AngularThree implementation. Thank you Paul for the awesome demo.
@paul_uiux
Paul Noble
1 year
Custom shader with React Three Fiber + @threejs to create a day night animation Code & demo โ†’
5
18
226
2
6
71
@Nartc1410
Chau Tran
1 year
#angular #ngTemplate #ngContent When you design your component to accept TemplateRef instead of ng-content, and your coworker complains of โ€œsemantic htmlโ€, follow Drakeโ€™s advice and put that in your documentation
Tweet media one
7
6
70
@Nartc1410
Chau Tran
1 year
#angularthree I finally got caustics reflection to work correctly with Angular Three ๐Ÿซ . It might actually be easier with Signals ๐Ÿค” vid alt: 2 spheres and a diamond with caustics reflection effect along w/ transmission and refraction materials
3
8
71
@Nartc1410
Chau Tran
10 months
I started running since June-July this year and have accumulated 384km. Pushing for 500km before end of year ๐Ÿ’ช Both my physical and mental health are improved tremendously. Iโ€™ve lost 17lbs. Most importantly, I donโ€™t feel tired playing with my kid ๐Ÿ˜…
Tweet media one
7
0
69
@Nartc1410
Chau Tran
2 years
Got Router to work with #AngularThree . Here's a demo of interacting with the Scene Graph affecting the URL; then use that URL to adjust the OrbitControls target in the Scene Graph credit to @benLune for the original demo demo link:
9
8
70
@Nartc1410
Chau Tran
2 years
#angular If you're on 15.1, are using Self-closing tags, and use @PrettierCode , go ahead and bump prettier version to 2.8.3
2
10
70
@Nartc1410
Chau Tran
2 years
Testing forms with #Angular #TestingLibrary is very nice! Thank you @tim_deschryver for maintaining the library.
Tweet media one
4
13
69
@Nartc1410
Chau Tran
10 months
#angular If you want DOM manipulation on **existing** el, using ElementRef or DOCUMENT is fine. But if you want to create DOM elements **dynamically**, using Renderer2 is correct because Angular creates different Renderers based on the component's ViewEncapsulation metadata.
@lilbeqiri
Ilir Beqiri
10 months
๐Ÿš€Renderer2 makes it possible to do DOM manipulations in a way that #angular is aware of - that helped me solve an issue I had today: ๐Ÿ‘‰component styles were not applied to the dynamically generated elements with DOM APIs without disabling view encapsulation ๐Ÿ‘‡ #angular
Tweet media one
Tweet media two
3
5
53
3
8
69
@Nartc1410
Chau Tran
3 years
cooking something :D coming soon! #angular #nestjs #ionic #mean #nx
Tweet media one
6
5
65
@Nartc1410
Chau Tran
10 months
first 10k down! HR is way higher than Iโ€™d like. I blame the excitement lol
Tweet media one
Tweet media two
7
0
67
@Nartc1410
Chau Tran
4 months
Now I can finally get back to #angularthree
@angular
Angular
4 months
๐Ÿ”ฅ Angular v18 is now available Excited to share the next milestone in the evolution of Angular: โ€ฃ Experimental zoneless โ€ฃ New home for developers on โ€ฃ Material 3, deferrable views, built-in control flow are now stable โ€ฃ More!
Tweet media one
47
356
1K
5
2
66
@Nartc1410
Chau Tran
4 years
Did you know, when install multiple #npm packages from the same scope, you can group those packages with "{}"?
Tweet media one
7
14
64
@Nartc1410
Chau Tran
1 year
#angular tailwindcss support is coming to esbuild builder ๐Ÿฅณ
Tweet media one
5
9
65
@Nartc1410
Chau Tran
3 years
TIL EVENT_MANAGER_PLUGINS token in #Angular (thanks to @_tieppt and a blog post /in comment/ by @NetanelBasal ) Ever wonder if you could do (click.prevent) like (keyup.shift.enter)? You can create an EventManagerPlugin for that. Stackblitz:
Tweet media one
4
12
65
@Nartc1410
Chau Tran
2 years
I got my bachelor's 5 years ago today. It also means that I'll be celebrating my 5 years in Software Development this year ๐Ÿฅณ
Tweet media one
3
2
65
@Nartc1410
Chau Tran
1 year
#angular #httpclient #fetch In addition to allowing HttpClient to work on the edge, withFetch() also allows HttpClient to receive "Transfer-Encoding: chunked" probably (with reportProgress and observe: events) The backend code is provided by @JayCooperBell
Tweet media one
Tweet media two
Tweet media three
Tweet media four
@Enea_Jahollari
Enea Jahollari ๐Ÿ…ฐ
1 year
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
45
218
5
12
64
@Nartc1410
Chau Tran
2 years
๐ŸŒถ๏ธ take: with Signals, #angular should just drop Output (decorator) + EventEmitter and give us some other means to have Outputs. If Signals is a mean to lower the learning curve (sync reactivity w/o rxjs) then might as well drop EventEmitter.
11
1
60
@Nartc1410
Chau Tran
2 years
#angular folks, if you're like me, you'd want to expose a ProvideFn for your InjectionToken so your consumers do not have to guess the type when they use: { provide: YOUR_TOKEN, useValue: whatIsThis } With inject(), you might also expose an InjectFn as well. Check this out
Tweet media one
Tweet media two
3
10
61
@Nartc1410
Chau Tran
4 years
๐ŸŽ‰ ๐ŸŽ‰ Just released an @angular schematics to add @tailwindcss to your @angularcli projects. - โœ… Setup Custom Webpack - โœ… Setup PurgeCSS - โœ… Update angular.json and styles.<cssFlavor> Shout out to @SantoshYadavDev for the help during the process.
5
19
62
@Nartc1410
Chau Tran
1 year
#angular I wrote something again. If you don't like or use "inject()", don't @ me ๐Ÿ˜…
8
9
63
@Nartc1410
Chau Tran
2 years
#angular #signals Here a command you should run today if you have some spare time ๐Ÿ˜„ npx @angular /cli @next new ng-signals --minimal --defaults
1
12
63
@Nartc1410
Chau Tran
2 years
I honestly cannot wait for @angular v15 (and onwards).
6
1
60
@Nartc1410
Chau Tran
2 years
Yesterday was my one-year anniversary with @nrwl_io , and this is my first blog post under @NxDevTools so yay! Thank @juristr and @MannIsaac for reviewing and guidance. More to come so stay tuned!
@NxDevTools
Nx
2 years
๐Ÿšจ What timing! @docusaurus 2.0 just got released & Nrwlian @Nartc1410 just dropped this awesome article. ๐Ÿ‘‰ how to set it up on ur own ๐Ÿ‘‰ using the ` @nx -plus` Nx community plugin ๐Ÿคซ next: Orchestrate Build and Deploy. So stay tuned โœŒ๏ธ
2
10
42
7
6
61
@Nartc1410
Chau Tran
2 years
๐Ÿ‡ป๐Ÿ‡ณ๐Ÿฅต๐ŸŒง
Tweet media one
3
0
61
@Nartc1410
Chau Tran
3 years
Let me say this: The team at @nrwl_io is INCREDIBLE! I joined Nrwl about 3-4 months ago and Iโ€™m still trying to catch up with my extremely talented peers. And that is reflected on our product, @NxDevTools . This milestone is the hardwork and the communityโ€™s trust! ๐Ÿš€
@NxDevTools
Nx
3 years
We. Just. Hit. 1 Million weekly downloads!! ๐Ÿš€๐Ÿฅณ๐ŸŽ‰ Thanks for all the support! We're thrilled & motivated to push #monorepos to the next level ๐Ÿ™‚ Join us: ๐ŸŒ ๐Ÿ–ฅ ๐Ÿ—ฃ #reactjs #angular #nodejs #nextjs
24
51
258
2
5
59
@Nartc1410
Chau Tran
2 years
@kreuzercode I feel like this notion of "observables need to be declared in an injection context" will become a bit confusing. Sometimes (I guess more than often), you'd need to declare the observables _later_ to make use of Inputs. I'm currently using this and I think I prefer it
Tweet media one
6
10
61