Modals and Dialogs are ways you can focus users on a specific thing you want them to act upon. They are industry standard and super common in every application you visit. As a frontend engineer, knowing how to put one together is an essential skill and super easy to do. Modal …

Modals, Dialogs, Notifications, and Snackbars, are all examples of “global components” — as I call them. These are components that should be displayed at an app level and should be triggered from anywhere. I work with large-scale applications which show a lot of Modals and notifications and sometimes, we even…

In order to teach myself my ways of working with NodeJs, Javascript, and Typescript, I have built many versions of a file-based JSON database over the years, especially when I did not want to settle on a database setup for my project. For this tutorial, I’ll show you how to…

With new releases and tools, setting up a node server has become super simple and until NodeJs ships with typescript built-in, adding typescript is an essential need. I will show you the SIMPLEST setup you can have to kick off your next node project confidently. …

Whenever you mention data storage and state management on the web client, different people will provide you with different solutions. …

Often enough, you get to deal with some set of data that you must list to the user. This can be in a dropdown, table, or standard list(stack) format. The tricky things you run into allowing the user to do various common actions to this list like sorting, grouping, searching…

If you ever worked with SVG icons in your web application you must understand how hard it is to work with icons. There is a constant need to resize and color them as well as animate them which is not easy when you have the files. …

A theme provider is a special component that when wrapping your application content, will provide all the details your app needs to style itself like CSS variables and fonts. It allows you to quickly change the way your website looks on-demand by simply changing some attribute values. Why use Web Component? Web components work…

If you ever tried to implement a generic button yourself you will quickly get overwhelmed by the options and things to consider in order to have a button that will cover your needs while being customizable and generic enough for custom usages. …