storybook を TypeScript で動かす
Number of word 1024
React Storybook を試す
TL;DR
- react-storybookはcomponentのstyleguide
- TypeScriptのままでは動かせないので一度ビルドする(2016/09現在)
- addon拡張で開発が便利になるエコシステムはある
- 途中経過
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
で様子を見る- ガッツリ依存せず疎結合にできるところは疎結合にする
- 古いloaderが増えてきたex.
CSS-module
- 基本的に使わない方が良さそう
- 使う場合は構造化cssとして育てるのではなく、
local
css としてビルドしたほうが良さそう- SDKなどで利用するのはアリ