React-hooks

useState 데이터를 변경할 수 있다. 코드보기 예제 1. useInput 보통 `` 태그를 업데이트 하기 위해서 사용한다. 코드보기 2. useTabs 코드보기 useFullScreen 코드보기 useEffect 리액트 class생명주

데이터를 변경할 수 있다. 현재의 state값과 이값을 업데이트(setState) 하는 함수를 쌍으로 제공한다.하나의 컴포넌트 내에서 여러 개를 사용할수도 있다.보통 <input /> 태그를 업데이트 하기 위해서 사용한다.

리액트 class생명주기 메서드의 componentDidMount와 componentDidUpdate, componentWillUnmout가 합쳐진 것으로 생각 하면된다.리액트 컴포넌트에는 두종류의 side effects가 있다. 정리가 필요한 것(clean-up)과

useReducer는 useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 다른값으로 업데이트 하고 싶을때 사용한다.리듀서는 현재 상태, 업데이트를 위해 필요한 정보를 담은 액션(action)값을 전달받아 새로운 상태를 반환하는 함수이다. 리듀서 함수에서

useMemo 를 사용하면 함수형 컴포넌트 내부에서 발생하는 연산을 최적화 할 수 있다. 즉 렌더링 과정에서 특정 값이 바뀌었을 때만 연산을 실행하고, 원하는 값이 바뀌지 않았다면 이전에 연산했던 결과를 다시 사용하는 방식이다.

함수형 컴포넌트에서 ref 를 쉽게 사용할 수 있도록 해 준다.