# Context API

25개의 포스트
post-thumbnail

React 상태 관리 Tool 사용 & 비교 - (Redux VS MobX VS Context API)

1. Context API https://ko.reactjs.org/docs/context.html#when-to-use-context https://www.youtube.com/watch?v=5LrDIWkK_Bc context는 React 컴포넌트 트리

2021년 4월 1일
·
0개의 댓글

React- 컴포넌트 간 통신 , Context API

컴포넌트 간 통신 컴포넌트를 많이 만들면 컴포넌트 안에서의 로직을 만드는 것도 중요하지만 컴포넌트 간에 통신하는 것도 골머리를 아프게 된다... > 프로젝트를 진행하면서 Atomic Design을 사용했었는데....힘든 기억이 새록새록 들었던 기억이 있다.. 하위

2021년 3월 28일
·
0개의 댓글
post-thumbnail

Redux 어떻게 써야 잘 썼다고 소문이 날까?

40% 이상의 개발자들이 리액트 프로젝트에서 사용하고 있는 리덕스(Redux), 더 잘 쓰는 방법을 알려드립니다. 리덕스 말고 다른 선택지, 그리고 리덕스를 사용 할 떄 알고있으면 유용한 팁들을 다룹니다.

2021년 1월 28일
·
15개의 댓글
post-thumbnail

React state 관리 Recoil 사용기

React에서 state를 관리하는 방법, 혹은 라이브러리들은 여러가지가 존재한다. 아주 대표적으로 Redux가 있으며 Mobx, Context API, Recoil 등 다양한 State 관리 방법들이 존대한다. 이렇게 다양한 관리 방법 중에서 어떤 것을 선택할지 결정

2021년 1월 25일
·
0개의 댓글
post-thumbnail

Context API로 전역상태 관리하기

리액트에서 제공하는 기술인 Context API를 통해서 전역상태해보자.물론 redux, mobx등 다양한 외부 라이브러리들이 존재하지만 리액트에서 권장하고 제공하는 Context API도 있으므로 알아놓자.컴포넌트에서 외부의 데이터를 받는방법으로는 props를 통해

2021년 1월 6일
·
0개의 댓글
post-thumbnail

🧐 상태 관리 뭐로 할까? Redux, Context API, MobX (영문)

In layman's terms, global state management allows data to be passed/manipulated among multiple components easily (breaking the chain of passing-props-

2020년 12월 29일
·
1개의 댓글
post-thumbnail

React Context API 개념

Context는 모든 레벨의 컴포넌트 트리에 props를 통하지 않아도 데이터를 전달할 수 있는 방법을 제공해줍니다.작은 프로젝트의 수준을 넘어서 꽤 규모가 있는 프로젝트를 만들고 싶거나 반복적으로 만들던 컴포넌트를 재사용 가능한 컴포넌트로 만들어 보고 싶다면 Cont

2020년 12월 18일
·
0개의 댓글
post-thumbnail

[JavaScript] context API와 redux? 차이점?

전역으로 상태 관리를 하기 위한 도구입니다. Redux는 리액트가 아닌 곳에서도 사용이 가능하지만, context API는 React에서만 사용이 가능합니다. 리덕스는 한개의 저장소를 가지지만 context API 여러 저장소가 존재할 수 있습니다.Redux는 cont

2020년 12월 9일
·
0개의 댓글
post-thumbnail

[Mobx] 리액트 Context API + Mobx

Mobx 공식 docs를 보면 리액트와 결합하는 방법은 총 세가지입니다. mobx store를 컴포넌트의 props로 넘긴다.import해서 전역 객체로 사용한다.React의 context API를 활용한다.이 중에 3번째 방법이 공식 문서에서 추천하는 best pra

2020년 12월 8일
·
0개의 댓글
post-thumbnail

글로벌하게 상태값을 관리해주는 Context API !!

안녕하세요.리액트에서 대표적으로 Context API와 Redux라는 걸로 글로벌하게 상태값을 관리 할 수있습니다.이번글에는 그중 Context API에 대해 알아보겠습니다.먼저,보통 일반적으로 상태값은 다른 컴포넌트에 넘길때 그 컴포넌트에 변수명과 상태값을 대입하여

2020년 11월 27일
·
0개의 댓글
post-thumbnail

Context API Store 분리, 합쳐서 사용해보기

Context API와 useReducer를 통해 상태관리를 할 수 있다. 이번 프로젝트는 Redux를 사용하지 않고 둘을 사용해서 적용하면서 해보고 사용을 하고 있었는데 처음에는 모든 state들을 하나의 store에 저장 해놓고 사용했다. 그리고 state Con

2020년 11월 10일
·
0개의 댓글
post-thumbnail

React Context

리액트 context API를 사용해본 참고 - https://ko.reactjs.org/docs/context.html#gatsby-focus-wrapper

2020년 9월 19일
·
0개의 댓글
post-thumbnail

[React] Context API (4) - Hook, static contextType

Context에 있는 값을 사용할 때 Consumer대신 다른 방식을 사용할 수도 있습니다.리액트 내장 Hooks 중에서 useContext라는 Hook을 사용하면, 함수형 컴포넌트에서 Context를 아주 편하게 사용할 수 있습니다.ColorBox 컴포넌트의 코드를

2020년 9월 10일
·
1개의 댓글
post-thumbnail

[React] Context API (3) - 동적 Context 사용

Context의 value에는 무조건 상태 값만 있어야 하는 것은 아닙니다. 함수를 전달해 줄 수도 있습니다.기존에 작성한 ColorContext의 코드를 아래처럼 수정해줍니다.위 파일에서 ColorProvier라는 컴포넌트를 새로 작성했습니다. 그리고 그 컴포넌트에서

2020년 9월 10일
·
0개의 댓글
post-thumbnail

[React] Context API (2) - 사용방법

위의 명령어로 Context API를 연습할 리액트 프로젝트를 생성프로젝트 생성 후, 새로운 Context 만들고 아래처럼 디렉터리와 파일을 만듭니다.새로운 Context를 만들 때는 createContext 함수를 사용하고, 파라미터는 해당 Context의 기본 상태

2020년 9월 10일
·
0개의 댓글
post-thumbnail

[React] Context API (1)

예를 들어 사용자 로그인 정보, 애플리케이션 환경 설정, 테마 등 여러 종규아 있으면 Context API는 리액트 v16.3부터 사용하기 쉽게 많이 개선 되었습니다. 이 기능은 리액트 관련 라이브러리에서도 많이 사용되며 리덕스, 리액트, styled-component

2020년 9월 9일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 15장, Context API

# 😎 Context API를 사용한 전역 상태 관리 흐름 이해하기 # 😋 Context API 사용법 익히기 ## createContext ## Provider # 😁 동적 Context 사용하기 ## useContext Hook

2020년 8월 25일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (13)

React 상태 관리 Context API에 대해 알아보겠습니다.

2020년 7월 15일
·
0개의 댓글
post-thumbnail

React Redux vs Context API

본 글은 아래를 참고하여 작성되었습니다. 더 자세한 사항을 알고싶으신 분은 아래 링크를 참고해주세요.Academind - Redux vs React\`s Context APIDan Abrarnov - You Might Not Need ReduxRedux란?Contex

2020년 4월 23일
·
5개의 댓글

[+73] React context (Redux랑 비슷)

contextcontext를 쓰면 컴포넌트 재사용이 어려워>떄로른 컴포넌트 합성이 좋은 대안이 될 수도.요로코롬

2020년 4월 9일
·
0개의 댓글