React

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수이다.

JavaScript에서 특정 DOM을 선택해야할 경우에는 일반적으로 getElementById와 querySelector와 같은 DOM Selector 함수를 사용한다.

useCallback의 최적화를 위한 Hook이다. 컴포넌트는 상위 컴포넌트가 렌더링되거나 자신의 상태(state)가 변경되는 경우에 리렌더링되는데 이 때마다 내부의 함수를 새로 생성한다는 단점이 있다.

상태를 업데이트하기 위해서 useState를 사용하는 방법이외에 다른 방법이 있는데 그것이 바로 useReducer이다.

브라우저와 리액트 앱의 Router르 연결하면 Router가 history api에 접근할 수 있게 되고 각 Route와 연결된 컴포넌트의 props로 match, location, history 객체를 기본적으로 전달하게 된다.