An alternative way of tracking the element’s visibility. — Tracking the element's visibility was not a simple task back in the day. One of the common solutions was to listen to the document scroll event and check the element’s visibility by Element.getBoundingClientRect() . It had two major drawbacks: It was CPU intensive The computation was running in the Main…

When you have dozens of people working on the same project, each of them will have different view on how to write commit messages. Soon It will bring your commits into chaos and moreover there will be no way to automatically generate Changelog, which is so important for any project…

Using svg as images in your NextJS app is pretty simple; just use Image with appropriate src property. But what if you want to change the size or color for the SVG?. it won’t be possible with that solution because it will be loaded as an Image and not as…

Rendertron is a Chrome rendering engine open-sourced by Google. Its responsibility is to render your JS bundles into static HTML file. The main reason for this is that Crawlers doesn’t like JS bundles at all, they prefer to crawl on generated HTML files, so we have to make them happy…

There are Routines in our lives which become simply tortures for us. There are tons of them in my life. For example I hate to pack my sport suite when I go to the gym, and unpack it again, when I come at home. Definitely this task is just emptiness…

Iterating over an array and printing/rendering its values, are as old as programming itself. Even our young selves, when we knew too little about HTML or javascript, we used “console.log” inside our “for loop” over and over. …

Authorization is a must thing to do in web applications nowadays. It’s like a morning coffee, you need to drink it to be capable of doing important tasks throughout a day. There are lots of different use cases and scenarios when it comes to the Authorization, but in my frontend…

It’s fair to say, that Angular Routing is quite a complex topic. It has tons of configurations and sometimes it’s better to try something and see how it works in a browser than crumble inside the documentation. But the most annoying part of this module is the caching technique for…

One of the most important features in Typescript is static typing. You don’t need to remember all the class, method, and variable names, in order to use them. Just start typing and thanks to incredible Typescript and IDE Editors suggestions will pop-up, that fit your needs. Because of Angular uses…