テックブログ

このプロジェクトはJSON Serverを使いRedux Toolkitを用いてデータを表示するブログアプリケーションのソースコードになります。
動作にはReactの起動とともにJSON Serverも動作させる必要があります。

Reactを使ったテックブログを作成してみた
ReduxとRedux Toolkitについて(createAsyncThunkとcreateEntityAdapter推し)

動作に必要な外部サービス

外部サービスとの連携はありません。 データの連携にはJSON Serverのセットアップが必要となります。

初期設定

動作に必要な設定について
.env

SKIP_PREFLIGHT_CHECK=true // storybook用の記載

.env.local

REACT_APP_JSON_SERVER_URL=http://localhost:3001 // JSON Serverの起動ポート

起動について

yarn json-server

JSON Serverを起動します。
http://localhost:3001/posts
初期設定では2秒のディレイタイムを設定しています。

yarn start

開発モードでアプリケーションを起動します。

記事一覧ページ

http://localhost:3000

管理画面

http://localhost:3000/admin

yarn storybook

Storybookを起動します。

yarn test

jestを起動します。