ReKeel

Start code for React project.

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

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

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

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

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

環境設定

# .env
REACT_APP_MAPBOX_TOKEN  = <Access Token>

地図コンポーネントで MAPBOX を使ってます。

採用技術

ステート

Redux

スタイル

styled components

Storybook

テスト (TDD)

enzyme Testing Library

テスト (E2E)

TestCafe

静的解析

plato

ドキュメント

esdoc