Ayusharpcoderreacttonext.hashnode.dev·Dec 13, 2024The Role of State Management in React: A Guide to Redux, Context API, and MoreState management is at the heart of every modern React application. As your app grows in complexity, managing the flow of data between components becomes increasingly challenging. That’s where state management solutions come in, ensuring your applica...1 likewebdev
Nowon Leeblog.nwlee.com·Dec 8, 2024합성 컴포넌트 패턴에서 컨텍스트 Api합성 컴포넌트 합성 컴포넌트 패턴은 UI를 작성할 때 여러 개로 분리된 컴포넌트를 조합하여 컴포넌트를 개발하는 패턴이다. 컴포넌트의 조합을 활용함으로써 다양한 상황에서 컴포넌트를 도입할 수 있다. 해당 패턴으로 개발한 헤더 컴포넌트의 예시이다. 컴포넌트는 왼쪽, 가운데, 오른쪽 총 세 가지 구역으로 나뉘어져 있다. Children.toArray 메소드로 하위 컴포넌트를 배열 타입으로 변환한 다음 각 컴포넌트의 타입을 비교함으로써 헤더 내 어디에...React
RIMANSHU SINGHforme.hashnode.dev·Nov 22, 2024How to Use React's Context API for State ManagementHey folks, Let's dive deep into the concept of ContextAPI. Why do we need this When you create an application, managing state is an essential concept in React. A common way to manage state is by passing props, which means sending data from one compon...3 likesReact
Okoye Ndidiamakaamikdigital.hashnode.dev·Nov 12, 2024Mastering State Management in React: Choosing the Right Tool for Your ProjectState management is among the major concerns that arise during application development with React when your application grows in size and complexity. Among the state management tools, you may have probably heard of are Redux, Context API, and emergin...State Management
Ethanwth.hashnode.dev·Nov 10, 2024WTH is ZUSTANDIntroduction If you’re a developer , or listen to convos. of devs. you will find them crib about the state management. What is state management ?? Well, just say passing down of values from one compenent to another ( child or sibling ), and managing ...Learn Zustandzustand
kietHThashnext.hashnode.dev·Nov 5, 2024React Context: A Comprehensive Guide - Part 4🔔🔔🔔Intro to ReactJS basic - Part 1 ☘️☘️☘️React JS Virtual DOM Explained - Part 2 🌲🌲🌲Advance React Hooks - Part 3💯💯💯ReactJS Explained Hooks - Part 5 ⚡️⚡️⚡️ 🌐🌐🌐 The useContext hook is a powerful feature in React that allows functional components ...React
Pavani Pampanareact-js-context-manager.hashnode.dev·Oct 28, 2024How to Use React's Context API to Make State Management EasyWhen developing React applications, managing data between components is one of the most common challenges. Typically, "props drilling" — the process of passing props from a parent component down to deeply nested child components — can make our code c...React
Aaksaaks.hashnode.dev·Oct 20, 2024Custom API local storageDuring days 15 and 16 of my React journey, I worked on a project to create a todo list application. This project allowed me to implement Context API for state management and local storage for data persistence. Throughout the process, I learned how to...React local Storage
Aaksaaks.hashnode.dev·Oct 17, 2024Context APIIn this blog, I'll share what I learned about using the Context API in React to implement a theme toggle feature. While I have explored the Context API before, this time I approached it a bit differently. I'll walk you through how I created a simple ...context API
Aaksaaks.hashnode.dev·Oct 16, 2024Context APIOn the 13th day of my learning journey, I explored how to capture and manage data in React using the Context API. I’m thrilled to share my insights today. Let’s start from the basics, let’s dive in! Imagine you need to pass data from the <App> compo...context API
