# Context API
Context API에 대해 설명해주세요
Context API에 대해 설명해주세요 Context API란? Context API는 React에서 상태나 데이터를 전역적으로 공유하기 위한 메커니즘을 제공하는 기능입니다. Context를 사용하면 상위 컴포넌트에서 하위 컴포넌트로 데이터를 props로 전달하지
상태관리 라이브러리
상태관리 라이브러리 리덕스 공부하면서 상태관리 라이브러리에 대해서도 정리하게 되었다. 상태관리 라이브러리에 대해 알아보자 What - 상태관리 라이브러리란 무엇인가 이름 그대로 상태를 관리하는, 즉 state 관리를 목적으로 하는 라이브러리이다. Why - 상태관
Context API의 최대 단점은 무엇일까
이번 시간에는 Context API에 대해 좀 더 자세히 알아보고 왜 Context API 대신 Redux나 Recoil 같은 전역 상태 라이브러리를 많이 사용하는지 알아보도록 하겠습니다.
[React] Context API
🌱 Intro > 일반적으로 데이터는 Props을 통해 컴포넌트에 전달 되는데 항상 문제가 되는 건 state를 여러 컴포넌트를 통해 전달하는 경우이다. 즉 기본적으로는 Props을 활용해 다른 컴포넌트에 데이터를 전달한다. 상위 컴포넌트의 데이터를 하위 컴포넌트가
#8. useContext? context API는 그럼 뭐지....?
리액트는 여러개 컴포넌트로 구성됨 (트리형태)데이터 흐름은 상위컴포넌트(부모컴포넌트)에서 하위컴포넌트(자식컴포넌트) 즉, 위에서 아래로 데이터를 내려주는 형태최상위 컴포넌트(App)에 전달하고자 하는 state data를 두고, 그 F컴포넌트와 I컴포넌트에 데이터 값을
[React Native] props drilling 막는 방법, 글로벌 상태 관리 Context ?
👉🏻 전일에 이어 로그인 여부에 따라 화면을 다르게 보여주는 부분에 있어, props drilling을 막고 데이터를 전달하는 방법으로 구현하기 위해 수정이 필요해보였다.그 과정에서 Context에 대해 학습이 필요했고, Context를 사용하여 수정한 내용을 정리
[React & Context API] 리액트에서 Context API 구현하기
React에서 각기 다른 컴포넌트에서 데이터가 필요하다면 부모 컴포넌트에서 데이터를 관리하고 각 자식 컴포넌트에 props로 데이터를 넘겨줘야 한다. 이때 데이터가 바뀐다면 모든 경로에 데이터를 보수해줌으로써 유지보수가 용이하지 않다.또한, 가장 상위의 컴포넌트에서 가
Context API 사용한 전역 값 관리
벨로퍼트와 함께하는 모던 리액트 내용을 정리한 내용입니다.아래처럼 특정 함수를 전달하는 용도의 중간다리 역할을 하는 컴포넌트가 있을 수 있습니다. 이런 전달이 여러번 되는 것을 방지하고자, Context API 를 사용해 전역적으로 상태를 관리할 수 있습니다. 상태가
TIL.23.01.03. - Context API
State Management in React | Context API useContext | React Tutorials for Beginners 공유할 state를 context 폴더 속에 하나의 모듈로 만들어줍니다. 2가지를 내보냅니다. DataProvider
Recoil을 사용하자..
Recoil은 React를 위한 상태관리 라이브러리이다.🤔 Recoil은 context-api의 단점인 provider로 감싸진 부분의 업데이트가 되지 않은 state에도 리렌더가 일어나는 점을 보완해서, 업데이트된 state 부분만 리렌더를 해준다...
React - Context API
props 등록하기 귀찮을 때 컴포넌트 생성 시 props 작성이 귀찮다면 컴포넌트 매개변수로 {사용할 props, 사용할 프롭스} 넣을 수 잇다. 많은 중첩이 이루어질 경우에 props를 반복하여 사용해야하기때문에 효율이 좋지 않습니다. 이 경우에 사용할 수 있는
Context API - (2)
이번에는 동적 Context를 사용하는 방법에 대해서 알아본다!이전에 만들었던 ColorContext 컴포넌트를 수정한다.기존에는 ColorContext를 사용해서 Provider 컴포넌트를 직접 사용하는 방식이었다면 이번에는 ColorProvider라는 컴포넌트를 만