Documenting experience and observations
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…
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…
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…
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 this to identify if your…
One of the key difference 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. JSX elements are nothing but these HTML elements. JSX stands for…