概要 作らなくてもReact SVG Spinnersなどを用いて簡単に実装できます。しかし、ここではSVG SpinnersなどからフリーのSVGを拾ってきて組み込む方法をメモします。 SVGファイルの取得 例えばGi […]

はじめに ちょっとReactで表を表示するのによいライブラリがないか調べていて、とりあえず、TanStack Table v8 というのを試してみました（他にも色々あります）。これを使う上で2点ほど少し悩んだのでメモして […]

yarn create vite my-app –template react-ts で作ったプロジェクトをPWA化するための簡単なメモです。ここでのPWA化とはインストール可能とすることを目的としています。 方法 V […]

概要 React Router v6を用いてSPAアプリを作った場合で、例えば about ページでリロードしたり、aboutページに遷移したときのURLを直接ブラウザに入力した場合に次のようなエラーになりました。 これ […]

次のコードが、react-router-domをv5からv6にアップグレードしたら、動かなくなりました（主題に無関係のコードもそのまま載せています）。 ここで、ProtectedRoute は次としていました。 これをや […]

データを確認したり、更新するためのUIとして、下図のような感じでバリデーション付きのモーダルが欲しいと思いました。でも自分でイチからは作りたくない。そして、複数のライブラリを組み合わせることもしたくないと思いました。 そ […]

react-router-domのインストール 後で使うために、2つインストールしておきます。 フォルダ階層の変更等 ちょっと、これまでのコードを整理しました。色々、変えたので最終的にTwitterログイン後の状態で、次 […]

react-burger-menu を用いるとReactやReactベースのGatsbyなどのプロジェクトに簡単にハンバーガーメニューを追加できます。 react-burger-menu とは？ https://gith […]

概要 次のようにAmazonのアフィリエイト・リンクのコードをAmazonのページからクリップボード経由でコピー＆ペーストし、それらを合成した結果をクリップボードに格納する小さなWebアプリケーションを作成しました。 こ […]

前やったこともすぐ忘れてしまうので、Reactでのアイコンの表示方法についてメモを残します。 方法 1. react-iconsをインストールする 以下のコマンドで react-icons をインストールする。 > […]