カテゴリ

JavaScript・React

6 記事

【React】User-AgentのPC/スマホ/タブレット判定

React は仮想 DOM を使うので、そのままだと User-Agent にアクセスできません。ライフサイクルメソッド componentDidMount () 内では UA が使えるので PC / スマホ / タブレット判定が可能です!

ブラウザで Twitter の絵文字を使えるようにする Twemoji というレガシーな JavaScript ライブラリがあります。今回は React でもっとシンプルに使える react-twemoji について解説します!

React でフォーム作成するのは大変…と思いがちかもしれませんが、ライブラリを使うとすごく簡単です。今回 Formik と Yup を使ったお問い合わせフォーム・アカウント作成フォームのサンプルコードを公開します!

今回、React フレームワークである Next.js の環境構築方法を紹介します。そして SASS/SCSS と ESLint と React-Bootstrap の導入方法・その設定ファイルについても解説します。とても簡単なのでぜひ参考にしてみてください!

先日、保守がつらそうな直書きの CSS を見ました。まだ SCSS 使っていない人は早めに慣れた方がいいですよ...今回は Gulp を使ったかんたん SASS/SCSS 導入方法を紹介します!

create-react-app コマンドでかんたんに React プロジェクトを構築する方法、SASS の導入方法、ESLint を AirBnB 構成にする方法を解説します。新規プロジェクト作成するときはこれが一番ラクだと思います。