# Chau Tran bio Twitter: [@Nartc1410](https://twitter.com/Nartc1410) Website: [nartc.me](https://nartc.me/) Email: [nartc7789@gmail.com](mailto:nartc7789@gmail.com) Chau works to bring the best engineering practices to web application production. He is currently with [@nrwl_io](https://twitter.com/nrwl_io) as a Senior Engineer. Previously, he was with [@swimlane](https://twitter.com/swimlane), a Security Automation and Orchestration platform, and [@ArchitectNow](https://twitter.com/architectnow), launching several successful projects. He is the creator of [@automapper](https://github.com/nartc/mapper) (previously, [@nartc/automapper](https://www.npmjs.com/package/@nartc/automapper)) for TypeScript, [@ngneat/tailwind](https://github.com/ngneat/tailwind) for Angular, and a core member of [@nestjs](https://nestjs.com). Also, he is one of Angular Vietnam's founders. He blogs, lives stream, and maintains open-source projects. Chau is also an Angular Google Developer Experts (GDE). Husband, father, learner.
Last changed by  
 
Chau Tran
1997

Read more

InjectionToken as a Service

(hot take) I want to use InjectionToken for almost all my services

3/30/2023
NgRx Component Store w/ Effect + Clean Up ability

When we need to interact with an external API (DOM, Canvas, etc...) that is imperative and the interaction needs to have: initialization, clean up, and final disposal. We need to react to Observable emissions. With ngrx/component-store, we have effect() to setup an effect that can react to Observable emissions. Combined with tap(), we then have a somewhat robust solution, but there's still something missing. Considering the following use-case: I have a stream of a HTML element { width, height }, eg: size$. Based on size$, I want to registerAnimationFrame to start some animations. On size$ changes, I want to clean up the previously registered animation with cancelAnimationFrame() based on some comparison logic between the prevous size versus the new size

11/1/2022
Read more from Chau Tran
Published on HackMD