따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 #27-28 Redux Up/React Hooks

Redux 설치

C:\practices\react-node\boiler-plate> cd client
C:\practices\react-node\boiler-plate>client> npm i redux react-redux redux-promise redux-thunk

 

redux-thunk는 dispatch한테 function을 받는 방법을 알려주고 redux-promise는 promise가 들어왔을 때 처리해주는 미들웨어

 

React vs React Hooks

React component

1. class Component

• 더 많은 기능 사용 가능
• 코드가 길고 복잡함
• 성능이 좀 더 느림

import React, {Component} from 'react';

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

 

2. Functional Component

• 제공하는 기능이 한정 됨
• 코드가 간결하고 성능이 좋음

import React from 'react';

export default function Hello() {
	return(
    	<div>
        	Hello
        </div>
    )
}