React Storybook を試す

TL;DR

• react-storybook は component の styleguide
• TypeScript のままでは動かせないので一度ビルドする（2016/09 現在）
• addon 拡張で開発が便利になるエコシステムはある
• 途中経過
  • 9renpoto/style

storybook

• stories
  • add して一覧ページがカジュアルに作成できる
  • gh-pages などで簡単にホストできる
  • HMR ができるのはありがたい
    • いろいろ watch したくなる
• webpack にどっぷり依存

TypeScript with React

• 2016 年 9 月現在だと React アプリの TypeScript 採用は時期尚早
  • 確かに現状の型定義は古い
  • まだそこで困るほど React 使いこなせていない
  • 緩く型を信じる・困ったら考える（個人では）
• tsx
  • サポートありがたい
  • DOM を型付きで定義できることの安心感
    • テストを書くのは意識高めになる必要がある
  • 便利だけど遅い
• webpack
  • 古い loader が増えてきた ex. ts-loader
  • ts-loader などで watch はできないので tsc -w で様子を見る
  • ガッツリ依存せず疎結合にできるところは疎結合にする

CSS-module

• 基本的に使わない方が良さそう
• 使う場合は構造化 css として育てるのではなく、 local css としてビルドしたほうが良さそう
  • SDK などで利用するのはアリ

Refs

react-storybook を用いた React コンポーネント開発