Designers can optimise a webpage by focusing on what they show above the fold. Enforcing a performance driven approach from the beginning of a software lifecycle

In this article, we explore extending the Next's image component to improve the end user experience alternatively.

Setting up continuous integration pipelines for your frontend project can help you avoid bugs & filter out problems sneaking into production. 

A few days ago I was building a form in React that would take in user's address fields such as address lines, postal code, city, country, etc.

Avoid bad user experience by exploring different ways to manage runtime errors with Next.js

Offline first iOS camera app with a ML model that detects nudity at about 30-40fps

A few days ago, I stumbled upon a scenario where I had to plot a railway track on a web mapping service like Google Maps. There was a need to document this straightforward approach which would save some research time for the one’s wanting to achieve a similar objective.

Ever wondered how your styles make it to the browser when using CSS-in-JS libraries? When using css in js libraries such as styled-components or emotion, the library removes the mapping between components and styles. This means that when you're defining your styles, you're actually creating a normal React component, that has your styles attached to it. This means you are shipping your styles in a .js file rather than a .css file. This has performance cost associated.

Introducing Growbox app to tell yourself you’re awesome, repeatedly.

Conditionally rendered CSS animations are core ingredients for a juicy user experience. With the styled-components library along with managing React’s component lifecycle this is a cakewalk. Couple this with Fast APIs, and you have the recipe for an addictive website user interface (UI).

15 Git commands to make you a know-it-all Git pro!

Structuring your web-application to accept Payments via CCAvenue