React Reactでよく使うHigher Order Components(HOC)とは何？使い所と使い方を徹底解説
Higher Order Componentとは何か？ Higher Order Components はComponentのラッパーみたいなもので、よくHOCと略され紹介されています。日本語に訳すると「高階コンポーネント」ですが、その名の...
React
React React Create-React-Appで作ったReact アプリでJest & Enzymeを使ってユニット・テストを試してみる
create-react-appでプロジェクトを作成してテストを実行する create-react-appでtestingというプロジェクトを作成します。 create-react-app testing create-react-app ...
Javascript JWTで発行したTokenをCookieに保存して使用する
複数のWeb APIを使うWebアプリの場合、ユーザー認証にTokenを使うのが便利です。 サーバーでcookieにトークンを保存して返す cookieにjwtというキーでacessTokenを保存します。 res.cookie("jwt"...
React React開発時には、APIサーバーとReactアプリサーバーを別にして、プロキシを使うというベスト・プラクティス
Create-React-AppのインストールとReactアプリの作成 sudo npm install -g create-react-app -gオプションを指定することでグローバルにcreate-react-appをインストールします...
Nodejs node.js ＆reactを使ったアプリ構築
WebアプリをHerokuへデプロイ（設置）する時の流れ Herokuのアカウント作成 gitへのコードをコミットする（アップロードする） Heroku CLI をインストール Appを作成 AppをGitでデプロイする。 Herokuでプ...
JSX JSX Reactこれだけは覚えておきたい便利な条件分岐
表示と条件分岐 異なる表示（レンダリング）を条件文で制御したいことありますよね。 例えば、ログインしている人とログインしていない人に異なる表示を行いたい。 そんな時のことを書いていきます。 ？テクニック ボタンを押すとメッセージを表示し、も...
Nodejs React開発環境の構築（yarn + live-server + Babel ）
Reactを使えるようにする エディタ：Visual Studio Code (VSC) NodeJs ダウンロード＆インストール node -v → v8.4.0 npm -v → v5.3.0 Yarnを...