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…

This week I learned how to create portals in Angular. Problem Frameworks like Angular, Reactjs, and Emberjs make it easy for front-end developers to write clean, reusable, and maintainable code. They achieve this reusability by providing an API for encapsulating similar functionalities into components. Component is a coupling/combination of user interface(UI)…

This week, I learned how to prevent Tooltips from going off-screen. Story In the field of web development, we strive to make it easy for users to interact with our sites. This ease usually comes with lots of helpful pieces of information that accompany all call-to-action elements in our user interfaces. …