함수형 컴포넌트

React에서 컴포넌트를 만드는 가장 기본적인 방법이다.

function Hello(){
    return <h1>hello world!</h1>;
}

ReactDOM.render(<Hello />, document.getElementById('root'));

하지만 hooks가 도입 되기 전에는 state와 라이프 사이클을 사용하기 위해 클래스 컴포넌트를 이용했다.

class Hello extends React.Components {
    componentDidMount(){

    }

    render(){
        return <h1>hello world!</h1>;
    }
}

hooks가 나오기 이전 둘의 가장 큰 차이점은 라이프 사이클과 state를 사용할 수 있는 지 여부와 함수형 컴포넌트가 성능상 조금 더 빠르다는 것이었다. hooks가 나온 뒤 둘의 차이점