React 18

いつの間にかChakra UI3がリリースされていたので、まずは適当に触ってみたメモ。 今回は Node.js Vite React TypeScript で試してみる。 Node.js、npmは入れている前提。 入っていなければnvmとかvoltaで入れる。 プロジェクトを作る Viteを使ってReactを入れるので、公式ページの通りにReactでセットアップする $ npm create vite@latest 途中でフレームワークと言語を聞かれるので、それぞれReactとTypeScriptを選ぶ。 ? Select a framework: › - Use arrow-keys. Re…

React で開発してた SPA のアプリにおいて、SWR を活用して prefetch 機能を実装したので、その内容をメモしておきます。 背景 よくあるアプリと同様、一覧画面と詳細画面を持つアプリを開発していました。 しかし、詳細画面の表示に時間がかかり、ユーザー体験が悪化している状態でした。 OpenSearch や RDB の複数のテーブルにアクセスする必要があるため、アプリ側での改善にも限界がありました。 そこで、一覧画面から詳細画面への遷移時に、事前にデータを取得しておく「prefetch」機能を導入しました。 データを即座に表示できるようになり、ユーザー体験が大幅に向上しました。 …

はじめに こんにちは、torihaziです ただいま朝の8時半です。 今、Rails React のSPAで devise-token-authを使って認証周りを作成中です ただcurlでPOSTリクエスト使って登録やろうとしたんですけど うまくいかず。 なんででしょうね。これ書いてる今も解決してません。 ということでゆるくいきます。 現状 gemにdeviseとdevise-token-auth、rack-cors入れてbundle installやりました。 その後で rails generate devise:install rails generate devise_token_aut…