TIL - class vs function Component

import React from "react";

// class
class Login extends React.Component{
	render(){
    	return <h1>Login</h1>;
    }
}

// function
function Login(){
	return <h1>Login</h1>;
}

Class Component

• 초기에 많이 사용되던 컴포넌트 형태
• 함수형에 비해 문법과 사용법이 복잡함
• 하지만 클래스형으로 작성되어있는 기존 코드들도 많이 남아있기 때문에 읽고 해석할 수 있어야 함

Function Component

• 클래스형 컴포넌트에 비해 간단하고 단순
• 초창기에는 state를 관리하지 못한다는 단점으로 인해 잘 사용되지 않았음
• React 16.8 버전에서 hooks란 기능이 추가되면서 state를 관리할 수 있게 되어서 그 뒤로 자주 사용됨
• 실제 현업에서 가장 많이 사용되고 있음