아티클 - FE/React - React에서의 DI (No Need for Dependency Injection in React Components)
https://maxheiber.medium.com/no-need-for-dependency-injection-in-react-components-641182760aaa
No Need for Dependency Injection in React Components
Dependency Injection (DI) is a big part of the way things are done in Angular, so it’s natural to look at whether/how it’s needed in…
maxheiber.medium.com
느낀점
- DI 개념은 스프링에서 처음 접했는데, 프론트엔드에서 DI가 가능한건지, 'DI in React'가 가능한거야? 라는 호기심에 클릭
- Angular가 DI를 쓰는구나 (AngularJS가 옛날꺼고, Angular가 최근꺼 - https://devscb.tistory.com/61, AngularJS는 MVC 모델을 쓰네? + Nest.js랑 비슷한걸까?)
- ⭐️필요한 helper functions, 컴포넌트를 내부에서 직접 생성하는게 아닌, props로 내려서 넣어주는 방식이 DI를 연상시켰음 (스프링이 Bean을 필요한 곳에 꽂아넣어주는 모습이 떠올랐다).
- props 방식의 DI 활용하면, component reusability 높아짐
* 컴포넌트를 DI 해준다? → 사실 요즘은 함수형 컴포넌트를 쓰니까, 컴포넌트 리턴하는 함수 넘겨주는게 컴포넌트 넘겨주는거랑 같지. '컴포넌트 렌더링하는 render function' 넘겨주기