context (4) 썸네일형 리스트형 XState의 Context(양적 데이터) 알아보기 https://xstate.js.org/docs/guides/context.html#initial-context Context | XState Docs Context 🚀 Quick Reference While finite states are well-defined in finite state machines and statecharts, state that represents quantitative data (e.g., arbitrary strings, numbers, objects, etc.) that can be potentially infinite is represented as extende xstate.js.org 유한 상태는 유한 상태 기계와 상태 차트에 잘 정의되어 있지만, 잠재적으로 무한할.. Context API와 React.memo contextAPI 내부의 React.memo HTML 삽입 미리보기할 수 없는 소스 Context API의 컨텍스트 안에 있는 요소는 Provider의 children인 컴포넌트는 React.memo를 사용한다 해도 렌더링된다. 명시적으로 props에 value만 없는 형태이지, 실제로는 props drilling이 일어나는 것처럼 사용된다. children 컴포넌트 내부에 memo를 적용하면, 해당 memo는 잘 적용된다. dispatch / setState Context를 분리하면? HTML 삽입 미리보기할 수 없는 소스 위의 예제코드와 같이 dispatch/setState Context를 따로 분리해줘도 마찬가지이다. https://react.vlpt.us/mashup-todolist/02-man.. IOC(Inversion of control : 제어의 역전) 컨테이너와 DI(Dependency Injection : 의존성 주입) 패턴. Service Locator 패턴. 주 : 객체 지향 프레임워크에서 배울 점. 예전과 다르게 요즘은 마이크로서비스의 인기에 힘입어. 경량 프레임워크 상에서 개발을 지향하는 케이스가 점점 커지고 앞으로도 더 그렇게 될 것이라 생각한다. (serverless, fission, sam 등) 이런 프레임워크의 특징은 이미 있는 프레임워크(spring, nestjs)를 이용하기 보다는, 필요하면 그때그때 구축해서 사용하는 것을 지양하는데, 함수형이거나 클래스이거나 기능을 적절하게 나누는 것이 필요하다. 이를 단일 책임 원칙(Single Responsibility Principle)이라 하는데, 해당 클래스(혹은 함수 - 모듈)가 단 하나의 변경의 원인을 가져야 한다는 것이다. 더 나아가서 모듈이 잘 분리가 된 상태라면, 개발자가 기능을 추가하거나 .. [Epic React][Build an Epic React App][Context] bookshelf/INSTRUCTIONS.md at exercises/07-context · kentcdodds/bookshelf (github.com) GitHub - kentcdodds/bookshelf: Build a ReactJS App workshop Build a ReactJS App workshop. Contribute to kentcdodds/bookshelf development by creating an account on GitHub. github.com 전역 상태는 여러 문맥으로 쪼개야 한다. Xuck Redux 리액트 쿼리와 함께 글로벌 스테이트의 대부분이라 할수있는 서버 상태를 분리했다. 이제 아래 것들과 같은 것들은 각자의 전역 상태 문맥(컨택스트)에 집어넣어 활용할 수 있다... 이전 1 다음
