정정환forComit Dev Teamblog.skku-comit.dev·Nov 12, 2023[React]전역 상태관리란?<useContext를 이용한 전역 상태관리>특정 변수나 배열, 객체 등 어떤 자료구조든지 웹 페이지에서 계속해서 업데이트되면서 동적인 상호작용을 가능캐 하는 것은 전부 상태관리를 통해 이루어진다. React의 상태관리의 단초는 useState이다. State들은 props를 통해 위아래로 연결되며 서로 다른 파일에 있더라도 특정한 상태에 대한 제어를 할 수 있게 된다. 하지만 페이지의 규모가 커짐에 따라 컴포넌트 트리(컴포넌트 간 위계를 도식화한 것)는 더욱더 복잡하고 커지게 된다. 운...DiscussReact
Wahidul Alamwahid.hashnode.dev·Nov 9, 2023Demystifying React Hooks (Part 2)Understanding useContext and useReducer Introduction State management is a crucial aspect of building robust React applications. Two powerful hooks, useContext and useReducer, play a key role in simplifying state management and making code more organ...Discuss·1 likeReact
Opini Isaacopini.hashnode.dev·Oct 5, 2023Most common React hooks and how to use themReact hooks are functions that let you use state and other React features in functional components. Hooks are a great way to make your React components more reusable and maintainable. Here are some of the most commonly used React hooks: useState The ...Discuss·12 likes·64 readsReact
Aditya Zendeadityadev.hashnode.dev·Sep 29, 2023React useContext and CreateContext Tutorial: Update State with a Button Click (Beginner-Friendly)!What are the prerequisites for this project? You should know about React.js You have a basic understanding of how React.js works. You should have an understanding of the useState hook. And finally, react server and client components. so first y...Discuss·10 likes·36 readsNext.js
Nandani Paliwalblog.nandanipaliwal.co·Sep 27, 2023Utilizing Context API in React for State ManagementIntroduction As a seasoned software developer with extensive experience in React, I understand the importance of effective state management. React's Context API is a powerful tool that allows us to handle state in a more organized and efficient manne...Discuss·2 likesuseContext
Afaq Aliafaqscripts.hashnode.dev·Sep 13, 2023Unlocking React's Hidden Gems: A Beginner's Guide to useContext and createContextAre you a budding React developer looking to take your skills to the next level? Do you find yourself struggling with prop drilling and complex state management in your React applications? If so, you've come to the right place. Before diving into the...DiscussReactHooks
Coding Addacodingadda.hashnode.dev·Sep 4, 2023UseContext Hook in ReactJS🔥🔥In this blog, we will be seeing everything about UseContext Hook in ReactJs. What is useContext Hook? The useContext Hook is a feature in React that provides a way to access and consume data from a React context within a functional component. Contex...Discuss·20 likes#codingadda
Jason Chenjason60810.hashnode.dev·Aug 13, 2023Always Use a Custom Hook for Context API, Not useContext (React Context API, TypeScript)https://youtu.be/I7dwJxGuGYQ Step 1: Create the Theme Context First, we need to create the context for our theme. import React, { createContext, useState } from 'react'; type Theme = 'dark' | 'light'; type ThemeContextProps = { theme: Theme; s...Discuss·32 readsReactReact
Emmanuel Kusimr-emma.hashnode.dev·Jul 17, 2023Beginner's Journey into React's Context APIThe Context API in React is a powerful tool that helps developers manage the state of their React applications. It provides a way to avoid the hassle and frustration of passing props down from parent components to deeply nested child components. Imag...Discuss·2 likes·43 readsReact
Zeeshan Ashrafzeer0.hashnode.dev·Jul 12, 2023How re-rendering works with ContextIn this reading you will learn about the default behavior of React rendering and when context is used. You will discover how to prevent unnecessary top-level re-renders with React.memo and how object references work in JavaScript. You will also learn...Discusscontext API
