reactJS, vueJS 는 life cycle 에 따라 컴포넌트에서 실행시킬 JS로직을 나눠 실행 할 수 있다. (computed, mounted, updated ...)
이를
vueJS 에선 '라이프사이클 훅'
,
reactJS 에선 '라이프사이클 메서드'
라 부른다.
life cycle mehod는 컴포넌트, 프로젝트 사이즈가 커짐에 따라 오히려 컴포넌트 재사용성 / 가독성을 해치며,
이에 ReactJS 는 Effect Hook 을 사용하도록 권장한다.
VueJS 진영에선 버전 3 기준으로,
setup
이라는 hook으로(aka composition api) ReactJS 의
Hooks
를 재현한 듯 하다.
(React 에서 말하는 hook, VueJS 에서 말하는 hook 이 비슷하면서도 다르게 사용해서 약간 헷갈렸네요)
c.f.)
ReactJS 의 Lifecycle methods vs Hooks : https://medium.com/crossml/react-lifecycle-methods-vs-hooks-6acf5e049f64
ReactJS 의 life cycle methods : https://medium.com/crossml/react-lifecycle-methods-vs-hooks-6acf5e049f64
'소프트웨어 엔지니어링 > 프론트 엔드' 카테고리의 다른 글
| [원티드11월챌린지] FE 프리온보딩(모노레포) - 사전준비과제 (0) | 2022.12.02 |
|---|---|
| VueJS vs ReactJS 가독성 (0) | 2022.11.28 |
| ReactJS, NextJS 공부 링크들 (0) | 2022.11.27 |
| TypeScript 공부 (0) | 2022.11.19 |
| 클린코드 IN 프론트엔드 (0) | 2022.11.05 |