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. For simplicity, you can customize…

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…

A better way to work with web client storage — Browsers come equipped with storage options that help you manage data on the client in order to minimize calls to the server and even provide an offline experience in your app. …

Master these key concepts to become a better web developer. — As web developers, we have the pleasure to experiment with various different ways to build web applications. …

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…