こんにちは、サイオステクノロジーの遠藤です。 Reactでアプリを作っていると、「状態管理ってどうすればいいの？」と悩むことがありますよね。たとえば、 useState を利用していると、コンポーネントの階層が深くなってきたときにpropsのバケツリレーで複雑になりうまく管理できなくなることがあります。そんなときに便利なのが Jotai というライブラリです！ Jotaiを使

Jotai を使った Dependency 管理とテスト技法

2024/12/23

ブックマーク

この記事は一休.com Advent Calendar 2024 の23日目の記事です。一休レストランのフロントエンドアーキテクトを担当してる恩田( @takashi_onda )です。はじめに先日の JSConf JP 2024 で「React への依存を最小にするフロントエンドの設計」という内容で登壇しました。 speakerdeck.com 発表では駆け足になってしまった、React への依存をしていない Vanilla JS 部分をどのように構成している

Apollo Clientを活用した効率的なGraphQLデータ管理とキャッシュ運用

2024/12/22

ブックマーク

はじめにこんにちは！ RevComm のフロントエンドエンジニアの楽桑です。私たちのコールセンターシステムでは、 GraphQL を使用してデータを管理しており、これまでは Recoil を使ってローカルステートを管理していました。最近では、 Recoil の代わりに Apollo Client の Local Cache を採用し、サーバーデータの取得・管理をより簡潔かつ効率的に行っています。この記事では、 A