Mannu Chaurasiyadeckwish5245.hashnode.dev·Apr 18, 2024Context Api with Local storageThe localStorage object allows you to save key/value pairs in the browser. the localstorage objects store the data with no expiration date it is the advanced way to use the Context hooks in Data to ensures that get the data and than set the data it c...DiscussReact
Mannu Chaurasiyadeckwish5245.hashnode.dev·Apr 18, 2024How to use Context Apicontext api is mostly used to pass the data from one state to another state and it just make. It is determined as the value passed to the closest SomeContext.Provider above the calling component in the tree. If there is no such provider, then the ret...DiscussReact
Oyier Oyieroyier.hashnode.dev·Apr 7, 2024Data Sharing in React Applications (PART 2): Context API.In the previous article, I covered two approaches to sharing data across our application; by making redundant network requests and prop drilling. We also saw the limitations of both these approaches. Today we shall explore React Context as an improve...Discuss·2 likes·32 readsReact
Oyier Oyieroyier.hashnode.dev·Apr 1, 2024Data Sharing in React Applications (PART 1): Refetching, Prop Drilling, Context API, and Beyond.Introduction In React applications, efficiently sharing data between components is essential for building robust and maintainable user interfaces. Whether it's passing data down from parent components to their children, or enabling communication betw...Discuss·3 likes·32 readsReact
Piyush NanwaniforAtomxelblog.atomxel.com·Mar 20, 2024Mastering State Management in ReactIn this blog, we'll explore various state management strategies, covering prop drilling, the useContext hook, useReducer, and popular state management libraries. Prop Drilling Prop drilling refers to the process of passing down props through multiple...Discuss·26 readsreact js
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...Discuss·1 like·45 readsReact
Jiwon Yujingwangjjang.hashnode.dev·Feb 22, 2024[React] What is Context API?In React, Context provides a way to pass data through the component tree without having to pass props manually at every level. It allows you to share values across the entire application effortlessly. It enables components to subscribe to a context a...DiscussReact
Nehal IngoleforRead & Learnlearnwithnehal.hashnode.dev·Feb 21, 2024Day 5 pf Mastering React Context APIIntroduction In the realm of React development, managing state across components efficiently is crucial for building scalable and maintainable applications. While props drilling and state lifting have been traditional solutions, React Context API off...Discuss·10 likescontext API
Siso Ngqolosisisodev.hashnode.dev·Feb 18, 2024Todo app with TypeScript using React Native context for state.In this tutorial we are going to implement a react native todo app with typescript without using any libraries. Link to the github code https://www.youtube.com/watch?v=pBBtBgCcjSw&ab_channel=Siso-QuesterStudios This code below defines a React appli...DiscussReact Native
Atharva Mulgundatharvamulgund.hashnode.dev·Feb 6, 2024Securing Your Website: A Guide to Implementing Protected RoutesIntroduction: In the vast realm of React applications, security is paramount. One crucial aspect of safeguarding your app and its data is through the implementation of protected routes. In this blog, we'll explore the importance of protected routes, ...DiscussReact