A brief guide to Render Props Pattern
Before diving into what Render Props Pattern is, understanding whatProps in React is crucial. Props (short for properties) are a way to pass data from a parent component to a child component. It is a
Raj's Blog
I am a passionate Frontend Developer who loves to make internet beautiful and useful. I love to share what I have learnt and love to learn new techs. A biblioph
Latest posts
Understanding Controlled and Uncontrolled Components in React
Handling form is an integral part in React as most web apps rely a lot on the user input. React provides two approaches of handling form. They are via: Controlled component Uncontrolled component Each method has their own pros and cons. Lets disc...
Git Crash Course: Branch Naming & Commit Messages
Recently, someone pointed out that my commit messages weren’t industry standard. While I was following proper branching rules in my professional work, my commit messages themselves were quite random. That feedback pushed me to explore what the indust...
Preventing Prop Drilling in React Using Zustand: A Shopping Cart Example
While building React apps, you’ve probably faced a situation where you need to pass props from Parent → Child → Grandchild, even though the intermediate components don’t really use those props. This common issue is called Prop Drilling. To be more cl...
JavaScript Sorting Explained: Numbers, Strings, and Objects
The JavaScript sort() method is one of those fundamental tools that every developer needs to master. At first glance, it seems simple enough - just call .sort() on an array and you're done, right? Well, not quite! Let's dive deep into how this method...
React Side Effects Explained: What Developers Need to Know
Imagine a function is a little machine in your code. You give it an input, it does some work, and it gives you an output. A side effect is when this machine does more than just giving you an output. It also changes something outside of itself. The si...
useEffect Made Easy: A Beginner's Handbook
When building React appplications, managing side-effect is crucial - whether it’s fetching data, subscribing to a Websocket or updating the DOM manually. That's where React’s useEffect hook comes into play. In this blog, we will dive into the useEffe...
Understanding State in React: The Backbone of Dynamic UIs
When you build applications with React, state is one of the most essential concepts to master. It’s what gives React components their dynamic and interactive behavior. Without state, your React app is just static HTML with JavaScript syntax. If we ha...
JavaScript Promises
JavaScript is synchronous means it executes the code line by line i.e. from top to bottom. The execution won't move to the next line until the first line is completed. However, the web is dynamic, with various tasks happening simultaneously – like fe...
Simplify Web Layouts with Auto-Fit and Auto-Fill in Grids
The grid system plays a pivotal role in responsive design, acting as a fundamental tool for perfecting layouts in web development. With the ever-increasing diversity of devices and screen sizes, creating a consistent and visually appealing user exper...
Why is everyone talking about The Psychology of Money?
Today, we will talk about The International Bestseller book The Psychology of Money. You might be thinking, "What is so special about this book?" Well, it is definitely a remarkable book. Everyone should give it a try. If you still haven't had a cha...
Don't be a tree 🌳
A few weeks back, I got into an accident 😭😭. I could barely stand, I could barely walk, and the situation was scary for me. As I visited the doctor, the situation got more complex. I came to know my Patella has been fractured and now I have to unde...
A Quick Guide to CSS Specificity
CSS is definitely not easy and neither it is too hard. However, there are whole lot of things to comprehend and learn in the journey of CSS. One of such topic that you must understand is CSS Specificity. Before delving into the topic, lemme ask you, ...
Tip for your hashnode articles
Recently, I got myself into trouble. What really happened was I posted an article in hashnode. When I clicked the article, instead of opening the recently published article, another article which was published 24 days earlier, opened. I was worried...
Selectors in CSS
Two articles have been published till now where I explained about the CSS Selectors. Here are the links to those articles: Article 1 Article 2 This is the continuation and last article of the series where I will be explaining about the selector ca...
Selectors in CSS
This article is a continuation of my previous article which you can read here. In the previous article, we discussed the following selectors: Type Selector Universal Selector Class Selector ID Selector Attribute Selector Let's discuss some more sel...
Selectors in CSS
CSS selectors select HTML element(s) so that you could style them by applying a specific set of CSS rules. A basic understanding of how selector works can phenomenally help you in designing the web. Here are some selectors that you need to know. 1. ...
JavaScript intro from a NEWBIE
Learning JavaScript is hard 😭 (at least for me.) But if we keep thinking it is hard and then never learn it then it will remain a Herculean task forever. So let's simplify it by digging the basic things of JavaScript first. What is JavaScript? JavaS...
Companies I adore
As Steve Jobs said, The only way to do great work is to love what you do. To love your work you must do what you are passionate about. If you do what you love, your work will be fun. In the same way, what if you get a chance to work in a company wh...
HTML Best Practices
HTML has been used on the Web for a long time and it is one of the simplest language to learn. But, how familiar are we with HTML? And what are the best practices to be used while using HTML? Here is my attempt to break down the answer in the followi...