electron + typescript + reactでローカルアプリ開発

h64m1

はまった所用のメモ。

h64m1

とりあえずboilerplateをpublicにしておきたい

h64m1

sequentialにelectron起動。BROWSER=noneとwait-onが肝だった。

package.json

"electron-dev": "concurrently -k \"BROWSER=none npm start\" \"npm:electron\""
"start": "react-scripts start",
"electron": "wait-on tcp:3000 && electron .",

参考: https://dev.to/mandiwise/electron-apps-made-easy-with-create-react-app-and-electron-forge-560e
create-react-app electronでgoogle検索

ipcRenderer/ipcMainで通信、ようやく通った

preload.tsのcontextBridge.exposeInMainWorldに登録したhandler、型定義を作らないと認識されない
型定義は親側（create-react-app）のtsconfig.jsonから、files指定

参考

h64m1

ローカルファイルimportは非同期じゃ駄目なのかなー

h64m1

local fileをimportする実装も完了

dispatchはちゃんとreturnする
dispatchのactionではsyncな関数のみ。async使って中で関数内awaitすると駄目

h64m1

useContext, stateとdispatchを分けるの賢い

h64m1

react-datepickerでpull down2つ横に並べたとき、1つめのプルダウンでカレンダー表示すると、2つのプルダウンが改行される問題