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 testingcreate-react-app でア...
Javascript JWTで発行したTokenをCookieに保存して使用する
複数のWeb APIを使うWebアプリの場合、ユーザー認証にTokenを使うのが便利です。サーバーでcookieにトークンを保存して返すcookieにjwtというキーでacessTokenを保存します。res.cookie("jwt", a...
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.0npm -v → v5.3.0Yarnをインスト...