パスワードの強度を簡単に評価出来るzxcvbn。そちらのts版となるzxcvbn-tsをReactに入れて試してみました

webpackに比べ高速と評判のViteを用いてReact開発環境を作成しつつ、ESLintを導入して更にDXを上げたReactの開発環境の作成方法をご紹介します！

Webサービスを作っているとキーボードの特定のキーを押下時に何か処理を行いたい事があります。この記事ではReactで特定のキーを押下した際に処理を行う方法について記載します。

フォームの処理などを実装していると特定のキーの組み合わせで処理を実行したい事があります。この記事ではReactで cmd + Enter もしくは ctrl + Enter で処理を実行する方法をご紹介します。

react-scripts startでローカルサーバ、STGサーバそれぞれコマンドによって別のサーバに繋げたい、ということがありました。ここでは違う .env ファイルを読み込んで接続先を変える方法をご紹介します。

ReactでChromeのExtension開発をしている際に、開いているページ（タブ）のURLとタイトルを取得します。

create-react-app で作成したプロジェクトの react-scripts start のポート番号を3000番から別のポート番号で起動出来るように変えてみます。