React は仮想 DOM を使うので、そのままだと User-Agent にアクセスできません。ライフサイクルメソッド componentDidMount() 内では UA が使えるので PC / スマホ / タブレット判定が可能です!
Read More
React に関する記事一覧
【React】Twitter絵文字ライブラリTwemoji解説!
ブラウザで Twitter の絵文字を使えるようにする Twemoji というレガシーな JavaScript ライブラリがあります。今回は React でもっとシンプルに使える react-twemoji について解説します!
Read More
【本番リリース】Node.jsサーバ接続方法【リバースプロキシ】
最近は Node.js 製のアプリが増えてきていますね。サーバ上でも localhost サーバを起動するのですが、そのアクセス方法はご存知でしょうか?今回はリバースプロキシでサーバ上の localhost にアクセスする方法を解説します!
Read More
【Formik/Yup】React簡単フォーム作成ライブラリ解説
React でフォーム作成するのは大変…と思いがちかもしれませんが、ライブラリを使うとすごく簡単です。今回 Formik と Yup を使ったお問い合わせフォーム・アカウント作成フォームのサンプルコードを公開します!
Read More
【React】Next.js環境構築【SASS/ESLint】
今回、React フレームワークである Next.js の環境構築方法を紹介します。そして SASS/SCSS と ESLint と React-Bootstrap の導入方法・その設定ファイルについても解説します。とても簡単なのでぜひ参考にしてみてください!
Read More
ReactにSASSとESLint(AirBnB)を導入する方法
create-react-app コマンドでかんたんに React プロジェクトを構築する方法、SASS の導入方法、ESLint を AirBnB 構成にする方法を解説します。新規プロジェクト作成するときはこれが一番ラクだと思います。
Read More