Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 19, 2024Prop Drilling in ReactProp Drilling in React: A Common Problem & Its Solution While working on our React components, we encountered a small issue—dynamically calculating and displaying the number of results in our app. This led us to the concept of prop drilling. Here's a...Prop Drilling
Aristilmastering-lexical-scope-in-javascrip.hashnode.dev·Oct 14, 2024From Props to Powerhouses: Using Context and Composition in ReactEver found yourself wondering how to manage data in a React app without passing it through multiple layers of components? Or maybe you're thinking about creating flexible and reusable components that can be easily combined? That's where two key React...28 readsReusable Components
Yusuf Uysalyusufuysal.hashnode.dev·Oct 11, 2024React Interview Questions (Part 7): Context API & Prop Drilling1. What is the Context API, and how does it help avoid prop drilling? The Context API is a React feature that allows you to manage global state efficiently without passing props through multiple levels of components (i.e., avoiding prop drilling). By...React Interview QuestionsReact
Arturcode-with-arthur.hashnode.dev·May 28, 2024Understanding React Context: A Kid-Friendly GuideSometimes in a React app, you have data that many components need to access. Passing this data through props can become cumbersome and messy. Imagine you have a big family and you need to pass a message to every member individually. It would take a l...React Provider
akash javaliblog.akashjavali.com·May 24, 2024Understanding React Composition: The Superior Alternative to Prop Drilling and Context APIReact composition is a powerful design pattern that allows you to build complex UIs by combining smaller, reusable components. Instead of relying on prop drilling, the Context API, or state management libraries like Redux, React encourages compositio...10 likes·85 readsReact
Rafeeq Syed Amjadrafeeq.hashnode.dev·Mar 8, 2024Prop Drilling, Context API and Deep Dive into Recoil.Prop Drilling in React Prop drilling refers to the process of passing data from a top-level component down to deeper levels through intermediate components.It happens when a piece of state needs to be accessible by a component deep in the component t...1 like·48 readsReact
Yash Nirmalyashnirmal.hashnode.dev·Jan 26, 2024Beyond Props: React Context ExplainedHey there, fellow developers! If you've been diving into the world of React, chances are you've come across the term "React Context." It might sound a bit intimidating at first, but fear not! In this blog post, we'll break down what React Context is,...React
Mehak Baharmehakbahar.hashnode.dev·Jan 10, 2024Context API or ReduxWhy to use any of these when you have props? USE CASE:This is an interesting one! I can give a number of reasons to use these but the main reason is to avoid "props drilling"(click to know what is prop drilling). As people familiar with React know th...React
Shruti Shreyasicontagious.hashnode.dev·Sep 26, 2023Drilling Deep into Props: A Guide to Efficient Data Passing in ReactIn React development, passing data between components is a fundamental task. While props provide a straightforward way to pass data from parent to child components, situations arise where you need to drill deep into props, accessing values buried wit...10 likesReact
Anmol Pattnayaksirsimonsblog.hashnode.dev·May 5, 2023The Battle of Prop Drilling vs Context API: Choosing the Right Option for Your React AppIntroduction: In React applications, it's common for components to share data by passing props. However, when this data needs to be passed between multiple nested components, it can lead to prop drilling, which can make your code harder to read and m...28 likes·132 readsWeb Development
