React, DeLorean.js 및 AC 재료로 Todo 앱

React 과 Flux 프레임워크의 하나인 DeLorean.js 그리고 올해의 JS 관계의 어드벤트 캘린더의 몇가지 흩어져 샘플 레벨의 것입니다만 Todo 등록 앱을 작성해 보았습니다.

주요 구성은 다음과 같습니다.

React(without JSX), DeLorean.js

CoffeeScript, gulp, webpack

mocha, power-assert, 실행은 노드에서 수행

스타일은 Semantic UI (ui xxx 같은 클래스 지정은 이 규칙)

Express 서버 앱의 일부로 배포

각 요소의 제휴를 확인하고 싶었기 때문에, 쓸데없이 gulp 를 개입하거나, 쓸데없이 서버 사이드를 포함해 express 상에서 움직이거나, 하고 있습니다.

앱의 내용은 입력 양식에 값을 넣고 Enter하면..



아래로 점점 나오는, 뿐입니다. 더 샘플.



덧붙여 외부로 움직일 수 있는 환경은 세우지 않습니다.

리포지토리는 htps : // 기주 b. 코 m / k Jirou / Rea ct-re an js-do-do st입니다.

client 다음은 SPA 인 JS 앱의 세계입니다.

이것을 webpack이 빌드하고 .js로 만듭니다

클라이언트 외부가 대부분 express-generator에서 생성 된 서버 측 앱의 세계

(덧붙여서, 무엇 이거?라는 npm 패키지는 대체로 experss-generator 런타임에 자동으로 등록한 것)

라는 디렉토리 구성입니다.

그 중 DeLorean.js 의 코드는 client/dispacher 와 client/stores/* , 그리고 Flux.mixins.storeListener 를 Mix-in 하고 있는 client/views/* 가 해당합니다.

이 응용 프로그램에서 DeLorean.js가 특히하는 일은 Flux.mixins.storeListener가 Store 인스턴스를 공유하는 것입니다.
이것은 이것으로 편리합니다만, Component 안에 설정이 계속 남아 있기 때문에, 개인적으로는 그다지 좋아하지 않아-라고 느껴 버렸습니다.

이상

Virtual DOM, 별로 상관 없어서 죄송합니다.

메리 크리스마스!