This week, I learned how to use dynamic import to load legacy script into an Angular app Suppose you are building a book reading app in Angular, and you decide to use turn.js in order to save time. You decide that Angular will take care of authentication and listing available…

How can npm help you remove unmaintained packages from a big repo? TL&DR You can use npm i <wrapper-old-package> --global-style to prevent your teammates from accidentally importing old-package . Introduction One of many approaches to removing a package from a big project that many developers contribute to, is to Keep existing functionality…

Leveraging createImageBitmap to create image previews In Google I/O 2022, the web team announced that most major browsers now have implemented createImageBitmap api. So, we will look at one feature that used to require too much effort to achieve, and how we can easily implement this feature with the help…

This week, I learned how to write custom eslint rules TL;DR Eslint provides a quick and easy way to write and use custom rules! One of 2022 year resolution is to improve my rxjs knowledge. And that led me to start replacing Promises with Observables in most of my projects. …

How can strict mode help you prevent runtime errors In order to answer this question, we will look at an example. Supposed you are asked to Create an API that allows an account manager to view a list of transactions when they provide an account number. Since, you are using…

This week, I learned how to run multiple webpack builds on same website sing jsonpFunction There are times when you want to run multiple JavaScript applications on the same page. For example, you have a main Angular app and a chat widget written in Reactjs. If you are using Webpack…

Import type in older versions of Typescript Audience Anyone who works on a project that uses outdated Typescript. If you write Typescript on the backend and frontend like me, you know that sometimes your backend code can end up in the frontend bundle. The Typescript team came with ingenious idea to…

This week I learned how to setup Webpack module resolution for Angular compiler. TL;DR Angular compiler creates a virtual file system that contains transpired code. So, Webpack may load JS files even if you were expecting it to load TS ones. You can prevent this uncertainty, by reordering extensions in…

This week I learned how to cache API calls using a Service Worker Most website owners face a challenge of keeping users around for a long time. One solution to this challenge is removing any experience that bores the user, such as long site loading times. For example, this book-reading…