Building apps for the masses — colorblind, people with motor & cognitive issues General people who do not suffer from partial or complete disability can access the web apps smoothly but the others who do suffer, do not. When we as web developers are not sensitive and empathetic enough to…

Help you debug your styling issues and hence prevent them — The cardinal rule for using className property in React is that it will ONLY accept strings. Yes, you can use any valid JavaScript expression in the squiggly brackets {} for className attribute i.e. className={someJSExpression} but it has to resolve to a string. Consider this example where clicking the button “Click…

An In-Depth Review of Logical CSS in Web Development There are two modules of CSS properties — Logical and Physical. If you are working on a multi-lingual web-app, then logical CSS properties will come real handy. Physical properties refer to the physical aspects of the viewports — height/width of the…

Getting The Basics Right In ReactJs — The coding mistake I am going to cover in this blog post is majorly a result of the experiences I had with React over these years as a frontend developer. This is a tricky one that at first you’ll feel there is nothing wrong/broken — until it does! Wrongly Calling The Functional Components There are…

A List Of Anti-Patterns To Build A High Performance And Scalable App. — React being a highly popular UI library, over the years have matured beautifully. React’s flexibility is its greatest asset but if you do not know how to harness that flexibility, it can be troublesome. React is by far the most popular front-end framework/library (and continues to grow faster). In addition…

The easiest way to integrate UPI in your web apps Earlier this week I had to add an instant payment receiving method on one of the side projects I have been pursuing. In India, we have been using the most advanced form of payment transaction method called Unified Payments Interface…

How to raise a pull request (PR) as a beginner — Code Reviews are one of the major things that a developer has to do on a daily basis. For some, the experience of reviewing code can be delightful but for others it can be quite stressful! According to Stack Overflow, the number one cause of stress in a developer’s life…

Best CSS practice to ensure consistent styling in web applications We live in a mobile-first world and hence as a front-end developer it is our job to ensure that the web-apps we are building are mobile-friendly. …

A brief introduction to a full-stack framework backed with React syntax — The NextJs official website’s landing page terms NextJs as “The React Framework for Production”. It is by Vercel. I encountered NextJs while I was pursuing to become a full-stack developer with 4+ years of hands-on experience in front-end web technologies. NextJs is a layer on top of React extending its…