# global state

React 스터디 4주차 global state - useContext
✏️ react 에서 global state 를 다루는 방법중 하나인 useContext 에 대해 알아보자

21일차)[React/JS] 글로벌스테이트(global state)
글로벌스테이트(Global state) > 하나의 state가 여러 페이지에서 필요한 경우, 매번 props로 나눠주기 번거롭기 때문에 여러 컴포넌트에 사용되는 Global State가 필요함 store에 name이라는 state를 저장해두고 필요한 컴포넌트에
Front-End(feat. React)에서 서버 상태 관리
Redux, Mobx같은 전역 상태 관리 라이브러리를 많이 사용하고 있었을 것이다. 해당 라이브러리들은 비동기 작업을 하기 위해선 추가적으로 작성해야하는 코드 양이 늘어난다.배보다 배꼽이 더 큰 상황이 되는 것이다.예로 redux-saga 코드를 작성해 보았다.Reac
Recoil
Recoil은 업데이트된 state 부분만 리렌더를 해줍니다.Recoil에서는 Atom으로 state의 일부를 보여줍니다.컴포넌트들은 자신이 필요한 Atom을 참조하고 있습니다. 따라서 자신이 참조하고 있는 Atom에 변화가 있으면 해당 atom을 참조하는 모든 컴포넌
글로벌 스테이트를 위한 라이브러리들!
글로벌 스테이트란? 나는 여태껏 컴포넌트가 깊어지는 말든 프롭스드릴링을 이용해 데이터를 넘겨주고 있엇다. 하지만 글로벌스테이트를 배운 순간부터(익숙해진 순간부터)는 더이상 프롭스때문에 고통받지 않아도 된다!!(나는 아직 고통받고있다.) 글로벌스테이트란 이름그대로 스테이트를 모든파일에 적용시켜줄 수 있다는 것이다. 전역변수...

Day-21 Global State
함수에서 사용하는 props, el, index, prev 등이 각각의 의미를 가진다고 생각을 했지만 이들의 실체는 사실 그냥 이름이었을 뿐이다.함수 ()안에 들어가는 것을 인자(argument)라고 하고 뭘로 받을지 기다리는 것들을 매개변수(parameter)라고 한

Context API
부모 컴포넌트가 가진 데이터(state)를 자식의 자식의 자식의... 최하위 컴포넌트에게 넘겨주려면 사이의 모든 컴포넌트를 거쳐야 한다.global state를 사용해 최상위에서 모든 데이터(state)를 관리해 원하는 어떤 컴포넌트에서든 바로 가져다 쓸 수 있다.컨텍
global state, Context-API & Recoil
상위 컴포넌트에서 선언한 State변수를 최하위 컴포넌트로 내려줄때 중간에 있는 모든 컴포넌트에 props로 넘겨주어야 한다(props drilling). 끊기면.... 작동하지 않으니, 복잡해질 수록 힘들어졌다. 공통의 컴포넌트를 만들고 어떤 컴포넌트이든 거기서 state를 받아서 사용하려고 나온 것이 global state이다. props dril...

21일) 언제까지 props의 props의..나는 useRecoilState 쓸래 ! / Global State/ 이상한 외계어 정규표현식 / FetchPolicy/ 항상 날 북돋아주는 코캠..을 봐서라도 오늘밤도 열심히 ....!!!!!1
오늘 아침에 포폴 적용시킬것 이것저것 찾아보다가 자세히 볼것들! https://velog.io/@parfaite73/Project1-7-%EA%B2%80%EC%83%89%ED%95%84%ED%84%B0-%EC%97%AC%EB%9F%AC%EA%B0%9C-%EC%A1%B0

20220213_TIL : Global State / Context-API
지금까지 페이지 컴포넌트에 여러 컴포넌트를 이어서 하나의 결과물를 만들어왔다. 각각 컴포넌트 안에 state를 설정하고 컴포넌트를 이어주기 위해서 props로 데이터를 넘겨주는 방식으로 구성했다.모든 컴포넌트에 동일한 state를 설정하고 싶을 때가 있다. 예를 들어