今回はSWRの簡単な使い方を習得しました。 Fetchで取得したデータを表示するサンプルアプリにSWRを導入して、UI/UXを改善しました。この改善で、APIからのレスポンスを待つ間に画面が真っ白になる問題を解消しました。 【参考】 SWR公式ドキュメント 修正す…

以前作成したメモアプリに「ログインボタン」を実装し、グローバルなstateを扱う最もシンプルな方法として、React の機能であるContext（コンテクスト）を学びました。 knkkojt6.hatenablog.com 概説 useState()によって管理される値はローカルなstateと呼ば…

今回は、Reactでメモアプリ（SPA版）を作成しました。 このアプリはCRUD（一覧表示、詳細閲覧、追加、編集、削除）を実装していて、ページ全体のリロードなしでメモの閲覧、追加、編集、削除が可能になっています。 アロー関数とfunctionが混在していますが…