About React #1

리액트 홈페이지 링크

한국어로 된 공식 홈페이지도 있지만 영어 홈페이지보다 업데이트가 느리다. 영어 홈페이지에서 번역하면서 읽는 게 낫다!
몇몇 귀동냥과 프로젝트 경험 결과 공식 홈페이지가 제일이더라. 그래서 리액트 홈페이지를 열심히 뒤져볼 생각이다.

리액트가 어필하는 방법

리액트 홈페이지에 가보면 메인 페이지에 제일 먼저 뜨는 세가지 타이틀이 있다. 1선언적, 2컴포넌트 기반, 3한번 배우면 어디서든 쓸수있다.

declarative

선언적으로 구현한다. 바닐라 자바스크립트로 구현할때는 구체적으로 무엇을 어떻게 보여줄것인가 작성해야한다. 리액트는 무엇을 보여줄 것인지에 대해서만 집중하면 된다. 어떻게 에 해당하는 부분은 리액트가 해결해준다. 즉 state에 대한 적절한 View를 만들면 된다.

component-based

리액트에서 컴포넌트가 왜 중요할까?
첫째, 재사용이 가능하다. 이는 반복을 방지한다. 둘째, 관심사를 분리한다. 관심사가 분리되면 단위가 작아지고 관리가 쉽다. 즉 state를 DOM과 분리할 수 있다.

learn once, write anywhere

Node를 사용해 서버에서 렌더링할 수 있고, React Native를 사용해 모바일 앱을 만들 수도 있다.