부모 컴포넌트에서 lodash util 라이브러리 (또는 라이브러리)를 가져온 다음 가져온 변수를 내가 아는 하위 구성 요소는 동일한 라이브러리를 사용하며 성능 또는 빌드 시간 등의 측면에서 이점을 제공합니까?Babel, Webpack, ES6, React : 가져온 모듈을 가져온 다음 하위 모듈로 가져온 모듈을 전달하십시오.
소품으로 존재하지만 성능 측면에서 다른 이점이 있으므로 하위 구성 요소의 lodash util 라이브러리에 대한 import 문을 가지고 있어야한다고 생각하지 않습니다.
이것은 반응 구성 요소를 쓰는 데 공통적 인 패턴입니까, 아니면 수행 할 수 있지만 반드시 수행해야하는 것은 아닙니다.
웹팩을 사용하는 경우 성능이 향상되지 않으며 모든 파일이 동일한 파일 (또는 여러 개의 청크를 만드는 경우 여러 파일)에 포함되어 종속성 포함을 최적화하므로 사용자가 직접 수행 할 필요가 없습니다. 전체 라이브러리를 하위 구성 요소의 보조 도구로 추가하기 때문에 말하는 내용이 성능이 저하 될 수 있습니다.
기본적으로 종속 관계를 전달하는 것은 종속성 주입입니다. DI가 내재하는 모든 장단점이있을 것입니다.
가능한 DI 이점 중 하나는 테스트 가능성입니다. React 생태계에서는 일반적으로 Jest 모듈 조롱과 함께 ES 모듈 만 처리됩니다.
또 다른 이점은 확장 성입니다. 이것은 DI 컨테이너에서 가장 잘 작동합니다. REACT의 DI 컨테이너는 this article 또는 this one that uses Angular DI으로 설명됩니다.
스왑 된 것으로 예상되지 않는 Lodash와 같은 라이브러리의 경우 반 패턴으로 간주 될 수 있습니다. ES 모듈은이 목적을 수행하기로되어 있습니다.