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…

A framework to solve any technical interview question — I have been working as a Senior Software Engineer — II (Frontend) from quite some time now and have been on both sides of the interview table. I have given a lot of technical interviews and have taken the same amount (if not more). From white-boarding the data structures and…

Learn behind the scenes of React and make your apps blazing fast! — To get hold of any framework or library, one has to dive deep into it. Not only does it help to appreciate the abstraction one is getting but also helps to improve the debugging experience as a developer. The in-depth knowledge of a library will also help you to optimize…

A beginner's guide to using SVG icons as fonts There are a lot of use cases wherein we need to control the styling of icons and images based on user behavior. These use-cases come into picture when the user interacts with the icons/images as hovering over it or clicking it. …

Debug React apps like a pro! — While working as a front-end developer for last 4+ years, one thing I have witnessed junior developers constantly struggle with is proper debugging skills. I believe debugging is a skill and developers who are good at it can bring immense value. As with any other skill, one can learn debugging…

All about controlled and uncontrolled components in React — The best way to understand the basics of any framework is to develop a CRUD application, and every CRUD application will always have a form with different input fields. While working with forms in React, you’ll come across fancy terms like “Controlled” and “Uncontrolled” components. …

An introduction to statically and dynamically style React components — Styling React components is an essential part of building front-end applications. There are several ways in which we can achieve our desired styling in React. Not only it helps make the applications aesthetically pleasing, but also improves the overall user experience (UX). This is not a be-all guide to styling…

A guide to proper placement of DOM Elements in React — While architecting scalable apps, writing syntactically correct React code is not enough. It is important to write semantically correct code as well where React Portals shine. Even if you have nailed the DRY (Don’t Repeat Yourself) coding principle, it is important that you ensure your code follows the best coding…

Avoid unnecessary tags in React — After getting my hands dirty with over 10 production level React projects, one thing that was consistent with most of them was the use of unnecessary HTML elements/tags. It is highly important that your code is easier to maintain, write, read and debug. …