https://facebook.github.io/react/index.html
- 페이스북이 Web User Interface를 만들기 위해 만든 JavaScript Library.
- Model-View-Control 패턴 중 View를 위한 component를 만드는 방법을 제공 하고 있음.
ReactJS의 특징
- JSX(JavaScript XML)
- XML 기반의 JavaScript 확장 문법이며 Virtual DOM을 생성하기 위해 사용된다.
- Virtual DOM
- JavaScript Object Graph를 저장하고 있으며 변환단계를 거처 HTML DOM을 생성 한다고 함.
- 변환 시 차이점을 파악하여 업데이트하는 방법을 사용하므로 빠른 DOM 조작 성능을 제공한다고 함
- 단방향 데이터 바인딩(Unidirectional Data Flow)
- 데이터 바인딩을 props, state를 사용하도록 제한 하여 디버깅을 쉽게 하고 성능을 높인다고 함.
[그것이 알고 싶다 – Spinbox로 React 겉핥기]
: http://wit.nts-corp.com/2014/11/19/2584
: 제목과는 다르게 한번 보면 아 이런 거구나 알 수 있는 포스팅.
[REACTJS 둘러보기 – XHP부터 REACT NATIVE까지]
: http://taegon.kim/archives/5097
: React가 나오게 된 배경, ReactJS, React Native에 대한 설명
[영문 Resources]
https://code.facebook.com/
conference 비디오 자료들이 있음.
[Learning React.js: Getting Started and Concepts]
: https://scotch.io/tutorials/learning-react-getting-started-and-concepts
: 간략하게 React.js 컨셉에 대해서 쉽게 설명한 영문 문서
> Unidirectional Data Flow 설명
: https://scotch.io/tutorials/learning-react-getting-started-and-concepts
사실 JavaScript 초짜인 나에게는 좀 이해가 잘 안되는 개념이다. 그냥 바인딩 하는 방법을 제한한 것만 같아서 React.js에서 디버깅말고 성능 개선 이점의 이유를 잘 모르겠음.
[Intro to the React Framework]
: http://code.tutsplus.com/tutorials/intro-to-the-react-framework--net-35660
: 자세하게 React.js의 컨셉을 설명하는 좀 긴 문서, MVC 패턴부터 설명한다.
> What Makes React Different?
ReactJS의 특징을 좀 더 자세히 설명해 주는 부분
> Component Lifecycle
Component Life cycle에 대한 설명
http://open.bekk.no/easier-reasoning-with-unidirectional-dataflow-and-immutable-data
이건 좀 나중에 봐야 겠다.
[React Native]
: http://dalinaum.github.io/react/ios/2015/03/27/hello-react-native.html
React Native 샘플을 만드는 포스팅
