React + Reflux + REST api + Websocket Demo (v0.0.1)

Github 저장소 : https://github.com/trustyoo86/r3-w1-boilerplate

Blog 원본 : http://lazydev.tistory.com/category/DevLab/React

React는 Facebook에서 개발한 뷰단위의 컴포넌트 모듈을 제공하는 javascript 라이브러리입니다. 야후, 인스타그램, 페이스북이 현재 React를 적극적으로 사용하고 있으며, 화면에 배치되어 있는 뷰 하나하나가 모델이 되는 모던웹을 지향하고 있습니다. 또한, 단방향 데이터 통신을 지원하여 Angular.js 및 Backbone.js 등의 framework보다 성능면에서 빠른 속도를 보이고 있는 라이브러리입니다.

이런 장점을 가지고 있는 React도 라이브러리인 만큼, SPA(Single Page Application)을 만들기 위해서는 Backbone 등의 MVC framework가 필요합니다. 소개해드릴 데모는 React와 함께 사용하는 MVC framework중, Facebook에서 개발한 Model Framework인 Flux를 비동기 모델을 지원함으로써 좀더 효율적으로 개발할 수 있도록 개량화된 Reflux를 사용하여, MVM(Model-View-Model) 형태로 웹앱을 개발할 수 있도록 만든 데모입니다.

또한, node js를 활용하여 RESTful api를 구축하고, Websocket Server를 생성하여 실시간 웹소켓 통신도 가능하도록 준비가 되어 있습니다. 이를 통해서 전반적으로 React를 활용하여 웹앱을 만드는 프로젝트에서 단순하게 구조를 잡아갈 수 있으며, React를 공부하시고, 프로젝트에 적용해보고자 하시는 분들에게 도움이 되지 않을까 생각합니다.

자세한 내용은 Github Repository 또는 현재 제가 운영하고 있는 Blog에서 내용을 확인하시면 됩니다. 감사합니다.