nodebird 3일차

##nodebird 3일차

##useCallback
컴포넌트에 props로 넘겨주는 함수는 useCallback을 꼭 써야 최적화가 된다.

##jsx 태그들
리액트에선 clas와 for을 제외하면 표준 html속성을 모두 사용할 수 있다고 한다.
그래서 className이랑 htmlFor이라는 태그가 생겨난듯함. 또 배열로 jsx쓸때는 key를 붙여줘야함

##styled-component 쓰는 이유.
인라인으로 했을 때보다 성능상의 이점이 있음. styledcomponent로 하면 다시 안 그림.
(리렌더링이 될때는 함수 안에부분이 다시 실행되는것은 맞음.return부분중 바뀐부분만 다시 그림) 너무 집착하지는 말라네요.

컴포넌트를 만들어줍니다.

##antd의 컴포넌트를 styled-component로 바꾸는 방법
const 어쩌구 =styled(바꿀거)css~~; 이렇게 쓰면 됨

JQuery랑 뷰,리액트랑 섞어서 쓰지마라

왜그러냐면 JQuery는 일일이 그려주는 방식인데 뷰랑 리액트는 데이터만 반영해서 해당되는 부분만 다시 그려주기 때문.
굳이 같이 써야겠다면 JQuery부분이랑 뷰/리액트부분이랑 나누어서 쓰렴

##Echart 차트 존내 잘만들었음
이거 써봐야징~

##그밖에 꿀팁
큰 틀을 미리 다 짜둬라.(props 까지 다 넣어서)

공식문서에 써있는건 외우지 마셈

제로초님은 컴포넌트 100줄정도되면 나눈다네요.

폼 만든는거 귀찮대요... 그래도 한번쯤은 해봐야

onFinish에는 e.preventDefault가 자동으로 된다.