Zenn
Open7

Reactベースのフロントエンドアプリ開発のあれこれ

JavaScript
React
TypeScript
ガラスボーガラスボー

ICFPCなどでWeb UIを提供することでチームをサポートすることがあるのだが、去年はうまく機能しなかった。
Reactをつかってのフロントエンドアプリの知見をもっといろいろためて応用力をつけたい

ガラスボーガラスボー

TODO:

  • Next.js + TypeScriptの基本的なアプリフレームワークを学ぶ
  • UIライブラリの選定
  • ステート管理方法の流行に乗っかりたい。現状よくつかっているのはReact HookとContextでごにょごにょするのだが、テストがうまく書けないケースとかいろいろあるのでベストプラクティスを自分の中で確立する
  • インタラクティブな画像生成。去年のGaraxy Pad的なのをフロントエンドで描画&操作できるようにしたい
ガラスボーガラスボー

ステート管理について

Reduxは以前やったことあるが、TypeScriptなしなのと、Hooksがあるとまた違った感じらしいので、Reduxに戻るのもなくはない？

あと、非同期処理の扱い。rxjsを無理やり使って管理する、というのをやったことがあるが、あんまりいい方法ではなさそうなので、考え直す

ガラスボーガラスボー

ICFPCのチーム内ページをホストすることを考えた場合、nextjsでプライベートページにするいい方法が難しい。
nextjsにauthをつけるのはいいのだが、特定のユーザー以外に情報を漏らしたくない、というのがvercelだと難しい気がする。そこまで神経質にならなくてもいいかもだが、クライアントサイドのjsから解法がもれる、などは考えられなくもない。
そうするとホストする側で認証をつけてしまうのが手っ取り早い。GAEでホストする場合、IAPで保護してしまうのがよさそう