react vs react Hooks

react component는 두가지가 있어.

1.Class component : 더 많은 기능, 코드가 길어지고 복잡, 성능 조금 느려져

2.Functional Component : 기능이 한정적,코드가 짧고 , 간단. 성능 조금 빨라(라이프 사이클 못썼지만)

 

리액트 hooks( functional 컴포넌트에서 라이프사이클 가능 16.8이후)

 

훅 나오기전 

 

 

훅이 나온 후

constructor -> useEffect()

this.state = {name: ""} -> const [Name, setName] = useState("")

 

 

순서

constructor 부터 실행. state를 뷰어. string 은 아무것도 없어.

render: jsx를 돔에다 알맞게 넣어줘. 화면에 rendering

componentDidMount() 데이터를 가져오거나 하고싶은거 해.