#16. React Hooks

React Component ( Class Componet / Function Component )

Class Component

1. 더 많은 기능 사용 가능하다.

2. 코드가 더 길어지고 복잡해지고 성능이 조금 늘어지는 면이 있다.

import React, {Component} from 'react'

export default class Hello extends Component {
	render(){
    	return(
        	<div>
            hello my friends!
            </div>
        )
    }
}

Function Component

1. 한정적인 기능이 제공된다.

2. 코드가 간결해지고 성능이 빨라진다.

import React from 'react'

export default function Hello() {
	return (
    	<div>
        hello my frineds!
        </div>
    )
}

 

This changed with the React 16.8 Hooks Update!!! 🚀

Now we can do everything with Functional Component with simpler syntax and faster perfomance

좌 Class component / 우 Function component

 

요즘에는 대부분 Hooks을 사용하여 Function component로 개발한다고 합니다. 😉