React 3

[Monorepo] 여러 패키지에서 React Context Instance 공유하기(feat. Module Federation)

들어가기에 앞서 먼저 내가 테스트한 Monorepo의 구조이다. host/ src/index.tsx # Context.Provider 적용 remotes/ remote1/ remote2/ ... shared/ context/ # Context 로직 React Context와 관련된 로직은 shared 패키지에 있다. host 패키지에서 App 컴포넌트를 Context의 Provider로 감싸 전체 App이 Context를 구독하도록 한다. Context가 필요한 remotes 패키지에서 useContext()를 사용한다. React Context의 Instance가 생성되는 시점 테마를 적용하는 Context가 있다. 1️⃣ 에서 createContext()를 호출했고 그 결과 새로운 타입의 Contex..

💻💀/개발 2022.07.31

[React] Invalid Hook Call Warning(클래스 컴포넌트에서 Hook 사용하기)

에러 리액트 공식 홈페이지에서 Invalid Hook Call Warning라는 타이틀로 이 이슈에 대한 정보를 아주 친절하게 제공하고 있다. Hooks can only be called inside the body of a function component. There are three common reasons you might be seeing it: 1. You might have mismatching versions of React and React DOM. 2. You might be breaking the Rules of Hooks. 3. You might have more than one copy of React in the same app.원인 옆에 계신 디블리셔분이 도움을 요청했던 에러..

💻💀/개발 2021.09.19

[React] resize 이벤트 다루기

+ 2022.07.13 추가 댓글을 무시할까 하다가 아무래도 나의 작고 다 쓰러져가는 구멍가게 같은 블로그에 이런 의견이 들어오는 일이 또 있을까 싶어 늦게라도 피드백을 남겨본다. 먼저 이 글은 티스토리에 등록한 시점보다 훨씬 이전에 쓴 글이다. 그 당시 구글링을 통해서 나도 처음 알게 된 내용이고, 너무 유익했기 때문에 공유해야겠다는 마음으로 글을 쓰기 시작했다. 시간이 꽤 지났지만 분명히 기억나는 건 외국 글을 토씨하나 안 틀리고 그대로 베껴 번역한 게 아니라 최대한 나의 언어로 정리하고 소스도 직접 테스트 해보고 내 방식 대로 수정했다는 것이다(이게 더 나쁜 걸까?ㅠㅠ). 그래서 이번에 혹시나 원글을 찾아봤는데 정확히 일치하는 글을 찾지 못했다..😥 하지만 얼추 가장 비슷해보이고 나도 낯이 가장 익..

💻💀/개발 2021.08.11