React + IndexedDBで 予定表の作成、ファイルのインポート可 #React #React.js #node

■ 概要:

React ,node.js版　予定の管理等で、
IndexedDB でブラウザ内に 、データ保存
dexieライブラリで、IndexedDB操作する内容となります

・エクスポート、インポート機能があり。
　jsonファイルから、外出先PC等に投稿データ等インポートも可能です。

・moment.js で、日付計算等の処理で使用しています。

■ 環境

chrome 84
react
react-dom
react-router-dom
IndexedDB
dexie

■　画面

・リスト/ 月単位の表示、前後の月移動が可能です
上部の、エクスポート、インポートのボタンでjsonファイル入出力が可能です。

・追加、 Input/日付型の指定など

■デモのページ

マガジン内の、デモページ紹介にURL記載しております

■ 続きの内容

Github のコードURL
画面のURLリンク、React components 等