React + Reduxのシンプルな雛形

React + Reduxのシンプルな雛形:

概要

私はサーバーサイドのエンジニアですが、片手間にフロントもやってます。

業務でReact＋Reduxを使っているので、構成を参考にしつつシンプルな雛形を作りました。

https://github.com/ryokwkm/react-redux-sample.git

このサンプルはテキストフォームに入力した内容を console.log で出力するシンプルな内容です。

React-Routerを使っている、２ページ構成です。

以下の手順で動作します

１．git clone

２．npm install (もしくは yarn install )

３．npm run start (もしくは yarn run start )

４．webpackサーバーが起動するので、コンソール出力されたURLにアクセスする

例： http://localhost:8083/

reduxを使った感想

結論としては、大規模なアプリでない場合、Reactだけで十分だと感じました。

Reactは比較的簡単ですが、Reduxは難易度が高いことが主な理由です。

学習も必要な上に、コード量、複雑性が増します。

開発コストは増大するでしょう。

ソースをキレイに分割できるので、管理のしやすさは上がります。

ですが、そこまで大規模でないアプリでしたらReactのみで十分な印象です。

以下の記事ではReduxの開発者のコメントを紹介をしていますが、無理して導入する必要はない旨が書いてあります。
https://techracho.bpsinc.jp/hachi8833/2018_03_13/53183