Liu Ting Chun·Feb 3, 2023React — Why you should start integrating non-React libraries with React contextReact context is a relatively unpopular and optional feature. Yet, do you know it is an extremely powerful tool for library integration?
Liu Ting Chun·Dec 9, 2022Angular — Three alternatives for unsubscribing observables at ngOnDestroyThis article summaries three popular approaches to manage Angular RxJS observable subscriptions .A response icon3A response icon3
Liu Ting Chun·Feb 26, 2022Adding a transition effect for looping background video with pure JS/CSSUsing videos as the background is common for creative web design. Here is a guide to add a transition effect to make the looping smooth.
Liu Ting Chun·Apr 25, 2021Angular — Four practical use cases of NgTemplateOutletNgTemplateOutlet is one of the most overlooked features in Angular. This article summaries four use cases that suit different projects.A response icon1A response icon1
Liu Ting Chun·Apr 20, 2021Angular — An extremely simple and easy implementation of drag and drop list reorderingDrag and drop list reordering is a very common feature of webpages with lists of data. Here is an implementation without using library.A response icon2A response icon2
Liu Ting Chun·Mar 26, 2021JS — A life changing coding trick with anonymous functionThis article introduces an extremely useful, but unpopular coding trick with anonymous function, which can highly improve code quality.A response icon1A response icon1
Liu Ting Chun·Feb 4, 2021Angular — Four old fashioned practices that you should NOT carry forward to AngularThis article summarizes four classic web development practices that are not suitable anymore for the modern frontend framework — Angular.
Liu Ting Chun·Jan 20, 2021Angular — Using service as a single source of truth for highly coupled pagesIt is common to have highly coupled page logic to suit complicated UI/UX designs. We can utilize service to reduce complexity for this…A response icon3A response icon3
Liu Ting Chun·Nov 12, 2020Angular — Utilizing custom pure pipe to improve performancePipe is not only a powerful tool in Angular to achieve data transformation in templates, but also useful to improve performance.
Liu Ting Chun·Oct 27, 2020Angular — Why you should (and how to) avoid Function.prototype.bind in templateFunction.prototype.bind is a potential performance killer when it is used inside an Angular template. Here is how you can avoid that.A response icon1A response icon1
