React

目的

Reactの知識を深める。簡単なWebアプリ（EMSっぽい）を作成する。

Reactについて

SPA(Single-Page Application) を実現する JavaScript フレームワークの一つ。

アプリの構成

アプリ

・フロントソース

github.com

・APIサーバソース

github.com

ログイン画面

TOP画面

プロフィール画面

ユーザ一覧画面

関連技術

・Redux

　Reduxとは、React.jsで使用するstateつまりアプリケーションの状態を管理するフレームワーク

　参考：Reduxを分かりやすく解説してみた | フューチャー技術ブログ

・redux-saga

　redux-sagaは「タスク」という概念をReduxに持ち込むための支援ライブラリ。

　参考：redux-sagaで非同期処理と戦う - Qiita

・mongodb

 　データを非定型のデータ構造の集合体として管理する、ドキュメント指向データベースの一つ。

その他メモ

・Mongodb起動

C:\Users\ry071\Documents\source\server\express-api>mongod --dbpath ./db

・APIサーバ起動

ry071@DESKTOP-TNRJJVD MINGW64 ~/Documents/source/server/express-api/app
$ node app.js

・React起動

ry071@DESKTOP-TNRJJVD MINGW64 ~/Documents/source/React/react-sample-app
$ npm start

まとめ

Reactの知識を深めることができた。vue.jsのほうが分かりやすいと思う。