As of March 2020, HTTP/2 is used by 43.8% of all the websites. This numbers will only grow. This is short summary of my recent exploration of subject. A Quick Overview of HTTP/2 HTTP/2 is a new Protocol that is replacing HTTP/1.1 thats currently de-facto standard of web. Main motivation behind it is Performance. Its backward compatible. Clients and browsers can use HTTP/1.1 as usual if they don’t support HTTP/2.

If you want to write your JavaScript code in a better way, one of the most effective techniques is functional programming (FP). It’s no difficult than the language itself — don’t let anyone else tell you otherwise. This series will have multiple posts. Use Pure functions A pure function is one which Does…

Want to start a quick Web/HTML+SASS+HTML modules project with auto reload? You don't have to fiddle with nodemon/local-server/webpack/other such tools anymore! ParcelJS is the new module bundler that out of the box supports everything (well, almost everything) with no config at all. …

Tailwind CSS has reduced my style-development time to half. It’s amazing and something that you should try! Tailwind CSS is a utility first CSS framework that enables rapid CSS development — it’s basically a set of CSS classes that we can apply on HTML tags to get results and try…

React has two ways of setting a local state. The setState() function with state object as a parameter, while the second way is setState() function with function as a parameter. Which one you should use in your code? what’s the benefit of one over other? let’s see. First form with…

I started with frontend programming 5 years back with jQuery and AngularJS. I later switched to React. For project requirement, I recently learned Angular 5. Update: I opted for library “ngxs” instead of ngrx for state management. It is much more elegant (IMO) and have very less boilerplate. …

You probably know github hosting is free for open source projects. But incase you are not aware — you can also host your personal website there for free! Few months back — I purchased my domain name. Here are all steps how build my freely hosted react-based website. STEP 1 …

I recently struggled with styling checkboxes and radios with CSS. While I could use libraries like iCheck, I wanted to avoid Javascript and jQuery. Why add another library to application just for the sake of visual styles? Here is my implementation of CSS-Only solution to this problem. Check Live Demo …

Over the years, I have developed many UIs. I have learned many approaches for the same — and here I have distilled down my “UI Development Workflow” that I have developed over years. No matter what the technology stack is, this process is applicable. …