Introduction ReactJS is one of the most popular front-end frameworks, known for its efficiency and performance. However, as your application grows, it can become prone to performance issues such as memory leaks and unnecessary re-renders. These problems can lead to sluggish performance, slow page loads, or even application crashes. In this blog post, we’ll explore … Read more
Introduction: Think of React as the wizard behind interactive websites. But, just like any wizard, it needs protection. This blog is like a shield against a specific danger called Cross-Site Scripting (XSS), especially when using React’s dangerouslySetInnerHTML attribute. Imagine you’re building something cool online, but there’s a sneaky threat. It’s like keeping your door locked … Read more
Imagine this: You’re building a multi-page dashboard. Each page needs access to user information, but traditional prop drilling makes your code spaghetti-like. Enter context! We’ll leverage React’s built-in context API to effortlessly inject props into Outlet and seamlessly share them across your child components, all while maintaining clean and maintainable code. Introducing Outlet Context: The … Read more
Hello friends, In this blog post we are going to discuss about another design pattern in react that is the props getters pattern. Lets us get started with it. What is Props Getters Pattern The Props Getters pattern is a technique in React that involves passing functions as props to child components, enabling them to … Read more
Hello friends, In this blog post we are going to expore a real time senario that I encountered while working on a project. I am going to build a sample project to demo that senario to you and then will share the fix with you. Real time Senario. The senario was I want to open … Read more
Hello friends, In this post we are going to implement control props pattern is react. When you work on a react project, you might have a use case in which you have to pass the component state and event handlers outside the component. This is exactly the use case which can be solved using control … Read more
Hello Friends, In the last blog we are learned how to build react component using higher order components pattern. In this blog post we are going to talk about another interesting pattern for building reusable react component.This pattern allows us to build components that encapsulate complex functionality while providing flexibility to customize the rendering and … Read more
Hello Friends, In this post we are going to take a look on how we can implement nested routing using react router version 6 but before starting to build the demo app, lets us understand what we want to achieve. Let us assume you are building a React application which have below component structure you … Read more
Welcome to the new post. In this post, we will learn about react useEffect hook. In a nutshell, the useeffect hook is a react hook that allows us to do tasks that are not directly related to react component rendering on UI. Let us go into detail and understand. Inside this article: Introduction The main … Read more
Hello Friends, Welcome to this new post. In today’s post, we are going to learn about the React refs. In a nutshell, react refs are a way to reference value or DOM elements in react. You might be thinking that we already have React State so why do we need another way to access the … Read more
