ReKeel

Start code for React project.

React を使ったプロジェクトの私用のスタートコードです。

デザイナーによるフルカスタマイズを想定した (React コンポーネントセットは使わない) もので、ヘビープロジェクト向けになっており、アトミックデザイン、 CSS Grid、 storybook、 redux、 testcafe、plato、ESDoc などが含まれています。また、customize-cra を使った Babel の設定変更も行なっています。

各種レポートを記録するようにしてあり、 jest の結果を常時 report/report.html に出力するようにしてあるほか、カバレッジや testcafe のレポートを記録するスクリプトも含めています。

$ npm run coverage     	# jest によるテストカバレッジ
$ npm run cafe:report   # testcafe のテスト記録
$ npm run plato         # plato によるソースコードの静的解析
$ npm run doc           # esdoc によるドキュメント生成

storybook は Netlife に連携してあります。

採用技術

ステート

Redux

非同期

Redux-thunk

スタイル

styled components

Storybook

テスト (TDD)

enzyme

テスト (E2E)

TestCafe

静的解析

plato

ドキュメント

esdoc

TODO

• L3 Sample
• L4 Sample
• L5 Sample
• Application Sample
• TestCafe Sample
• React Hooks Sample
• redux-thunk を使ったサンプル
• data-test を使ったテストのサンプル