タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
この記事は Panda株式会社 Advent Calendar 2023 18日目の記事です。 Panda株式会社は東京大学松尾研究室・香川高専発のスタートアップで、AR技術とAI技術を駆使したシステム開発と研究に取り組んでいます。 このアドベントカレンダーでは、スタートアップとしての知見、AI・AR技術、バックエンドなど、さまざまな領域の記事を公開していきます。 自己紹介 筑波大学修士1年の山浦です。普段はWeb3のベンチャー企業でエンジニアをしながらHCI系の研究室で力覚ディスプレイの研究をしています。Panda株式会社には、Webフロントエンド開発のお手伝いという形で関わらせていただいています。 この記事は、そのフロントエンド開発のお話です。 背景・課題意識 背景 ~高度なGUI操作を行うSPA開発~ 今回、テキスト入力、クリック、ダブルクリック、ドラッグアンドドロップなどのGUI操
Redux-saga is a widely used library that helps to deal with side effects in a front-end app. Typing sagas properly is not obvious though. Here’s a guide on how to do it! What are sagasSagas are functions that return generators:
Reactでの非同期通信処理の方法 Reduxのミドルウェアを使って実装します ※ Reactのコンポーネント内で処理する方法もありますが、コンポーネントと通信処理が密結合になってコンポーネントのソースが複雑になり、可読性が下がるなどの理由で採用されるケースはあまりないためこの方法はとりません redux-sagaとredux-thunkの比較 非同期通信処理の代表である redux-sagaとredux-thunkについて比較してみます 上図のように、redux-thunkを導入すると、action creatorの中に非同期通信処理を書いたり、action creatorからさらに別のaction creatorをcallすることができるようになります。 そのため、本来の reduxのアーキテクチャの形から逸脱することになり、記述の自由度が上がり開発者各々が書くことでソースコードの可読
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
