Why 리액트 훅?

1. 왜 리액트 훅이 나왔나?

   ☞ 클래스형 컴포넌트의 복잡한 코드와 더딘 성능에도 어쩔 수 없이 이용할 수 밖에 없었던 부분을 해결하기 위해서 등장

※ 바벨 사이트를 통한 코드 비교시 확연한 차이를 볼 수 있음.(https://babeljs.io/)

2. 원래 클래스형 컴포넌트에서만 사용되었던 부분이었던 리액트 생명주기에 대한 관리를 할 수 있게 된 것.

   ☞ 마운트과정(컴포넌트가 호출될 때)에서 데이터를 가져오고 API도 호출할 수 있게 됨.

→ useEffect 훅 : 기존 클래스형 컴포넌트에서 componentDidMount() //마운트 시// componentDidUpdate()//어떤 값이 업데이트 될 때에//componentWillUnmount()//언마운트 시//를 하나로 해결하도록 만든 것.

 

More Info 렌더링 : https://yceffort.kr/2022/04/deep-dive-in-react-rendering

 

글 작성간 참고한 영상 : 2018 년 리액트 Conf