Recoil의 문서에서 React의 한계에 대해 적은 부분입니다.

Context는 단일 값만 저장할 수 있으며, 자체 소비자(consumer)를 가지는 여러 값들의 집합을 담을 수는 없다.

이 중에서, '자체 소비자(consumer)를 가지는 여러 값들의 집합을 담을 수는 없다.' 라는 부분이 이해가 안됩니다.

여기서 의미하는 자체 소비자가 무엇인가요?
여러 값들의 집합은 객체를 의미하는 것인가요? 또는 상태에 대한 얘기인가요?




Recoil 공식 문서
https://recoiljs.org/ko/docs/introduction/motivation

React context 공식 문서
https://ko.reactjs.org/docs/context.html

번역본이 좀 헷갈리는 것 같긴 하네요.

영어 원문: Context can only store a single value, not an indefinite set of values each with its own consumers.
의역: Context는 단일 값만 저장할 수 있으며 각각의 소비자를 가지는 값들의 집합 (객체)은 저장할 수 없습니다.

React Context는 단일 값만 저장이 가능합니다. 여러 값들의 집합 -> 객체를 의미하는게 맞습니다. 예를 들어서 Context의 Provider에 value 값으로 객체를 주게되면, 매번 새로운 객체가 생성이 되기 때문에 Provider를 가진 Parent Component 리렌더 -> 전체 하위 트리 리렌더가 발생합니다.
참고: https://ko.reactjs.org/docs/context.html#caveats

"자체 소비자(consumer)를 가지는 여러 값들의 집합을 담을 수는 없다." - Context Provider에 객체를 전달하더라도 각각의 객체의 값에 해당하는 consumer (소비자)를 생성할수는 없다 라는 소리인것 같습니다.
ex) state = { a: 1, b: 1, c:1 } 일때, state.a, state.b, state.c 각각 따로 consumer를 생성할 수 없다.

예시를 들어드리자면, 이 블로그 (https://flexiple.com/react/provider-pattern-with-react-context-api/#section2) 의 코드 샌드박스를 열어보셔서 (https://wyx58yqvjl.csb.app/), 개발자 도구를 켜신 뒤 react dev tool에서 컴포넌트 리렌더 될때 하이라이트를 켜고 앱에서 언어를 바꿔보시면, 전체 트리가 리렌더 되는 것을 보실 수 있습니다.

*consumer (소비자)는 Provider/Producer - Consumer 디자인 패턴에서 Provider가 제공하는 상태를 소비하는 주체를 뜻합니다. Context API에서는 Context Consumer가 될 것 같습니다. https://reactjs.org/docs/context.html#contextconsumer
*provider 패턴: https://www.patterns.dev/posts/provider-pattern/

퍼블리 소프트웨어 엔지니어

손정현

React context에 대한 Recoil의 설명에 이해가 안되는 부분이 있습니다!

안녕하세요, react를 사용하다가 이번에 앱을 개발하기 위해 react-native 튜토리얼을 공부하고 있습니다.

react-native는 View, Text 같은 jsx엘리먼트를 사용하는 것으로 알고 있는데요, 서버에서 string에 html형식으로 담긴 데이터를 그릴 수 있는 방법이 있을까요?

이미 구현된 react 웹사이트에서 글 작성시에 html로 DB에 저장하고 보여주고 있습니다. 이 데이터를 그대로 사용하고 싶은데 react-native는 태그형식이 다른 것 같아서 어떻게 해야하는지 궁금합니다.

react-native에서 html을 렌더링 하는 방법이 있을까요?

안녕하세요. Toast 관련해서 질문이 있습니다.

 toast를 띄워놓은 상태에서 페이지의 이동이 가능한지요? 



현재 진행중인 프로젝트의 상황을 설명 드리겠습니다.

회원가입을 하면 “회원가입완료” 라는 alert창 대신 toast를 띄우고 싶은데요.
라이브러리를 쓰지않고 구현을 해보려고 합니다.

다만 회원가입창의 구조가 여러 겹으로 되어있습니다.
Route path는 1개 입니다. Url주소가 같은 상태에서 다음버튼을눌러가면서 인풋창에 정보를 기입하게 되는데요.
최종페이지에서 회원가입 버튼을 누르면 로그인이 동시에 되면서 toast가 뜨도록 구현하고 싶습니다.

시도해본 바로는 modal처럼 페이지 위에서 띄우는건데 그마저도 안뜨고 있긴 합니다…
회원가입과 동시에 로그인이 되어도 바로 메인화면으로 가지 않고 url때문인지 최초의 회원가입 입력페이지를 한번 그려줬다가 메인페이지로 로그인 되어 들어갑니다.

검색을 해도 명확하게 나오지 않는 부분이 있어서 질문해보았습니다ㅠ 토스트를 어디에서 띄우는 것이 현명한 방법일지 몰라서 시도는 해보고 있는데 시간도 촉박합니다.. 라이브러리를 쓰는것이 나을까요..? 

React toast 구현 관련

안녕하세요, next.js로 처음 프로젝트 시작하는 초보 개발자입니다!
 지금까지 React로만 개발해오고 상태관리 라이브러리는 Redux만 사용해봐서 이번에 새로운 라이브러리를 사용해보려고 합니다.

next.js에서는 swr이나 react-query를 자주 사용한다고 하는데 어떤걸 쓰면 좋을까요? 장단점이나 여러가지 알려주시면 감사하겠습니다🙌