Reactの公式チュートリアルをCoffeeScriptで書いてみた

今更ながらチュートリアルをやりました

• React公式チュートリアル

Repository

• https://github.com/notsunohito/react_coffeescript

感想

• Reactの公式チュートリアルわかりにくい
• React自体のコンセプトはわかりやすくていい感じ

Reactのコンセプトのおおまかな理解

• propsはimmutable
• stateはmutable
• 親コンポーネントが子のstateを保持して子へデータを渡す
• 子は受け取ったデータをpropsとして利用
• データのフローが一方通行でわかりやすい！素敵！
• 親自体もコンポーネントなので何か変更が起きたときにさらなる親の追加なんかも容易で素敵！

jsx

• jsx自体はわかりやすくて使いやすい
• しかし、coffeeなどのaltjsで使おうとするとgulp-cjsxが必要になったり抽象化されっぷりに頭が痛くなる...
• エディタのmodeを追加するのがめんどくさい..
• (というかcjsx-modeなさそう..

まとめ

• jsonserver イイ!
• fluxはいい感じに短くまとめられた記事が見つけられなくてまだよくわからん