React 입문

■리액트 사용 이유

- spa를 활용한 사용자 경험 강화

- 컴포넌트 재사용을 통한 수월한 유지보수

- 가상 dom을 이용한 데이터-화면 일치

- 상태(state)가 바뀌면 자동으로 재 랜더링

■리액트 실행 방법

- 초기

- 좀 더 간편하게 jsx(js + xml) 문법을 사용하도록 발전(babel을` 통해 jsx 사용)

■꿀팁

- render() 안에는 내용을 최소화하는 것이 좋다. 예를 들어 함수 선언 등등.

왜냐하면 render가 자주 일어나게 되면 그곳에 선언된 함수가 계속 선언되는 것!

따라서 render 외부에서 함수를 선언하고 render 내부에서 그 함수를 참조하는 것이 효율적

- render() 안의 jsx 태그엔 class, for 키워드를 사용하지 못함. 예약어이기 때문

class -> className, for -> htmlFor로 사용