技術Node.jsReact

Thumbnail of post image 159
準備react highlight word のインストールnpm install react-highlight-words使ってみるイメージ

入力フォームに入れた文字を検索してハイライトします。

ついでに、このぐらいだと ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 087
準備

TanStack Table v8 で React Table を使うのはこちら (*’▽’)

バックエンドには、いつもの json-server を使います。

検索イメージシンプルな検索 ...

技術Node.jsReact

Thumbnail of post image 131
React 18 での変化点(の1つ)

コンポーネントがアンマウントされたあとに状態が更新されても、警告が出なくなりました。

でなくなった警告はこれです。

Warning: Can’t perform ...

技術AxiosNode.jsReactReact Bootstrap

Thumbnail of post image 041
TanStask Table v8準備インストールnpm install @tanstack/react-tablereact-tableイメージTable.js を編集する

ここで作った Table.js を編集していきます。 ...

技術AxiosNode.jsReact

Thumbnail of post image 161
Suspenseサスペンスにより、コンポーネントツリーの一部がまだ表示できない場合に、ロード中という状態を宣言的に記述できるようになります。

いままで state で isLoading を準備して書いていたのを、楽にできる便利さん ( ...

その他メモ

Thumbnail of post image 149

このサイトでも Google Search Console を使っているのですが、少し前から「ミッションを達成した」かのような連絡がくるようになりました。

すばらしい結果ではありませんか?このニュースをぜひ共有しましょう

と ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 011

React 18 の新機能をみたら、使いたくなったから今日から React 18 。

インストール

新しく npx create-react-app しましょう。
React 18 になります (/・ω・)/ ...

技術AWS

Thumbnail of post image 090
Route53

スケーラブルなドメインネームシステム(DNS)

ドメインを解決して、ルーティングするために使います。

この構成では、ドメイン名 と CloudFront のディストリビューションドメイン名 を紐づ ...

技術AxiosNode.jsReact

Thumbnail of post image 155
準備

Axios のインストールと使い方はこちら。

バックエンド

今回も json-server です。

使う json はこちら。

{ "cats": , "dogs": }複数の通信を待ち合わせるイメージ ...

技術Node.jsReact

Thumbnail of post image 040

今回は React に限った話ではありませんが…、サンプルを React で書いています。
HTMLやCSSを準備するよりReactで用意するほうがエコシステムがいろいろ揃えてくれて楽ちん (。´・ω・)

Canv ...