lookout.devlookout.dev
search
Share Knowledge

Hey! I'm Brian Love.

Check out some of the things I have learned and want to share with you.

My Lookouts

Monday, March 8, 2021

Create an RxJS operator to measure the performance of an Observable

Sunday, January 10, 2021

Learn how to use the popular lazysizes JavaScript library to lazy load images to improve a page's Time to Interactive (TTI) and First Contentful Paint (FCP). The library is written in vanilla JS, but we can leverage the power of an Angular directive to wrap up the logic for efficiently unveiling lazy loaded images without page jank.

Thursday, December 10, 2020

Resource hints are essential primitives for the efficient and performant rendering of web applications that rely on external resources.

The preconnect resource hint instructs the browser to establish a connection in preparation for fetching resources that will potentially block the rendering of a page. This benefit is even greater for fetching secure resources using HTTPS.

Subscribe to the Newsletter

We're a community of learners, sharing what we learn with others. This newsletter is short, actionable, and practical - meant to help and encourage your journey of learning in public.

    We respect your privacy. Unsubscribe at any time.
    Monday, November 23, 2020

    I learned how to properly declare the type definition for the keys of a TypeScript enum. It's not as obvious as I thought it was, so I created this lookout to share what I learned with you.

    Monday, November 9, 2020

    Using the RxJs operators to debounce a form input with reactive forms in Angular is possible by subscribing to the valueChanges() Observable. But, what about template-driven forms? This is not a built-in feature of Angular's template-driven forms API.

    I created a directive to debounce the NgModel form control valueChanges Observable that makes it easy to implement this functionality.

    Monday, November 9, 2020

    While Angular version 11 does not officially support Webpack 5, we can opt-in using either yarn's selective dependency resolutions feature, or by installing the npm-force-resolutions package.

    Go ahead and jump the line, and start using webpack 5 in Angular version 11!

    Saturday, August 29, 2020