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. My aim with this write-up…

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. As a thumb rule, you can follow…

The origin of JSX in React One of the key differences between a good and a brilliant programmer is that the latter always understands how something is working underneath. The latter identifies an abstraction when encounters one. Working with React, you must have come across .js files with HTML element…

Might not be for you, but might be exactly what you need! — Not another git cheatsheet you say?? There are a ton of git cheatsheets already there are it is highly unlikely that i’ll ever refer to a cheat sheet when I can just google that sh** in 5 min and go through 5 Stack Overflow answers. Copy-paste random things until something…

How I lost Rs. 2,50,000 ($3,291) due to inadequate money-knowledge — I am a 25-year-old software developer. I started my career 3 years back with a decent salary, but not decent enough. The taxes that I had to pay on my salary were negligible, so I never took a keen interest in the taxation process and how my money is being…

Works for Bitbucket, Gitlab too! — The guide is for windows 10 centric. The steps are 99% same for Linux/MacOS users as all the 3 OS can use gitbash, where the scripts are to be fired, but the only difference might be the commands that are being used. The underlying principles are same. Why SSH? Using…