4 Ways to Style React Components: A Beginner’s Guide

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 React components, but a starting…

A Guide To Working With Forms And Input Fields in React

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 is to break down these…

React Portals – Understanding with examples

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 practices. By “Proper Placement” I…