React 정리

사상

• A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES
• Framework가 아닌 라이브러리
• 클라이언트 측의 아키텍처를 React 를 중심으로 다른 라이브러리를 조합하여 구성

장점

• Virtual DOM으로 변경된 부분만 다시 랜더링

1. 데이터가 업데이트되면, 전체 UI 를 Virtual DOM 에 리렌더링 한다.
2. 이전 Virtual DOM 에 있던 내용과 현재의 내용을 비교한다.
3. 바뀐 부분만 실제 DOM 에 적용이 된다.

• 이미 많이 가지고 있는 생태계(레퍼런스 및 커뮤니티)
• 버전업에 대한 안정성 (현재 2016.12.05 기준 v 15.4.0)
• 페이스북은 React 버전을 v0.14 에서 v15로 껑충 띄웠는데 그 이유는 production 에서 사용해도 된다고 안정성을 약속한다는것을 강조하기 위해
• View 만 담당하므로 기존 웹애플리케이션에 적용의 부담이 적음

기존 웹애플리케이션의 환경에 따라 React 와 라이브러리를 조합하여 stack 구성

논란

• JSX (디자인과 코드가 혼합 되어 있음)