# Context API

77개의 포스트

Context api, redux, mobx, swr

React에서는 전역상태를 관리하는 라이브러리들이 존재합니다. => 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 있다.이 Redux를 포함한 여러가지의 상태관리 라이브러리가 존재하는데, 그걸 한 번 알아봅시다.context API 는 구성요소

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

[React] 내가 Context api와 다른 전역상태관리 라이브러리를 동시에 사용하는 기준

해당 포스팅은 필자가 Context api와 다른 전역상태관리 라이브러리를 동시에 사용하는 기준에 대해 이야기해보고자 한다.

2022년 8월 13일
·
0개의 댓글
·

Context API

Context API 사용방법이 깃허브가 너무 잘나와있어서 내가 따로 정리하는 것보다 나을 듯하니 이걸 참고하자 !!!

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

React Native에서 상태관리

컴포넌트에서 사용하는 상태(state)가 변경되면, 컴포넌트는 리렌더링되면서 변하는 값을 표시한다. 대부분 이 state를 다른 자식 컴포넌트에도 적용하기 위해 전달하려는 경우가 생기는데, 그 때는 props로 이 값을 내려준다.하지만, (추가적인 작업이 없다면) 자식

2022년 7월 15일
·
0개의 댓글
·

[React] Context API : High Frequency updates

Context API를 토이 프로젝트에 적용시키기 위해 서칭을 하다가Context API와 같이 상태관리를 하는 Redux를 왜 사용할까 하는 의문이 들었습니다.React Context is Not optimized for high frequency updates.이유

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

Hook&Context

Hooks are a new addition in React 16.8npx create-react-app react-hooks-ex컴포넌트 사이에서 상태와 관련된 로직을 재사용하기 어려움컨테이너 방식 말고, 상태와 관련된 로직복잡한 컴포넌트들은 이해하기 어려움Class

2022년 7월 8일
·
0개의 댓글
·

Context API

일반적인 React 애플리케이션에서 데이터는 위에서 아래로, props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 이 과정이 번거로울 수 있다. context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

🗣 <LUVOOK> 팀 프로젝트 회고

러북 팀 프로젝트에 대해 회고한 내용입니다. 오타나 오류가 있으면 댓글로 알려주세용!

2022년 6월 27일
·
2개의 댓글
·

[TIL] 0617

context Api의 단점과 해결책 폼 태그 사용 시의 렌더링 최적화

2022년 6월 18일
·
0개의 댓글
·
post-thumbnail

다른 사람들이 안 알려주는 리액트에서 Context API 잘 쓰는 방법

여러분, 리액트로 웹 애플리케이션 개발 하면서 Context API를 어떻게 사용하고 계신가요? 과거에도 관련 포스트를 작성한적이 있긴 하지만, 지난 몇 년간 Context를 사용하면서 습득하게된 팁들을 여러분들에게 공유하면서 튜토리얼을 최신화 해보려고 합니다.

2022년 6월 12일
·
12개의 댓글
·
post-thumbnail

Recoil, Context api, redux, mobx, swr

recoil에 대해 얘기하기 전에 atoms 와 selector에 대해 잠시 짚고 넘어가면.atoms : 상태의 단위이며, 업데이트와 구독이 가능하다. 업데이트 되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링된다. atoms는 런타임에서 생성될 수도 있

2022년 6월 11일
·
0개의 댓글
·
post-thumbnail

25) Recoil, Context api, redux, mobx, swr

context apicontext를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다.일반적인 React 데이터는 위에서 아래로 즉 부모에서 자식으로 props를 통해 전달된다.하지만 여러 컴포넌트에게 전달해줘야한다면

2022년 6월 9일
·
0개의 댓글
·

Context api, redux, mobx, swr

React 에는 전역상태를 관리하는 여러가지 라이브러리가 존재한다.하나씩 알아보도록 하자.일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의

2022년 6월 7일
·
0개의 댓글
·
post-thumbnail

Context api, Redux, mobX, SWR

React에서는 전역상태를 관리하는 라이브러리가 다양하게 존재한다. 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 존재한다. Redux 외에도 여러가지의 상태관리 라이브러리가 존재하는데 그것에 대해 알아보자. 전역상태에 대한 정의 상태관리

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

[TIL] 프론트엔드 22.05.30

5월 30일 배움기록

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

💻 React - Context API

⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. Context API리액트 프로젝트에서 전역적으로 사용할 데이터가 있을 때 유용한 기능이다.리액트 애플리케이션은 컴포넌트 간에 데이터를 props로 전달하기 때문에 컴포넌트

2022년 5월 29일
·
0개의 댓글
·

[TIL] Context API, useContext

WebRTC 튜토리얼 코드를 찾아보던 중에, useContext라는 것을 발견해서 찾아봤다. 먼저 리액트의 Context API를 사용하면, 프로젝트 안에서 전역적으로 사용할 수 있는 값을 관리 할 수 있다. 단계마다 일일이 props로 넘겨주지 않고도 컴포넌트 트리

2022년 5월 1일
·
0개의 댓글
·

Context API, Redux

리액트에서 Props의 전달흐름은 단방향이다.(부모 -> 자식)하지만, 내려보내는 props가 많아지고, 컴포넌트 깊이가 길어지면, 관리가 힘들다.Context API는 컨텍스트 안에 포함괸 모든 레벨에서, props를 전달하지 않고, 어디서든 상태값에 접근 할 수 있

2022년 4월 17일
·
0개의 댓글
·
post-thumbnail

context api, redux, mobx, swr

context api, redux, mobx, swr

2022년 4월 11일
·
0개의 댓글
·