はじめに Reactのコンポーネントについて学んだので、アウトプットとして書いていきます。 Reactでのコンポーネント化について コンポーネントごとにコードを書いていき、そのコンポーネントを組み合…

成果物 今回作成したのは、配列を使用したセレクトボックスです。 チェックされた項目が配列として表示されます。 ただし、配列はチェックされた順に作成されるため、セレクトボックスの並び順で配列が表示され…

React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Updating Arrays in State」…

はじめに 先日Notionのクローンアプリを作成時に、記事タイトル更新とお気に入り機能を実装したのですが、リロードしないと画面に反映することができず、もどかしかさを感じましたため、本記事に解消方法を…

onBlurでバリデーションの発火させたいときってありますよね？ ブラウザ毎に非テキスト入力なinput要素のイベントハンドラの挙動について調べてみました。 ブラウザ対応で沼の気配を感じて調査したと…

概要 ChatGPT API (gpt-3.5-turbo-0301) でキャラクター再現をして遊びたかったので、アプリを作ってみた。 「魔女の旅々」よりイレイナさん、「ワンピース」よりルフィ、この…

useState使いは造語です！全然そんなにuseState使いこなせてる勢ではないです・・！ 勉強会で、Don’t mirror props in state / from React Docs…