motoori
仕事も趣味も全力で楽しむ

【React】dotenvメモ

2020.03.01 2019.07.15
  1. インストール
  2. envファイルへの記法
  3. 環境変数の呼び出し

インストール

yarn add dotenv

envファイルへの記法

REACT_APP_を接頭辞につける。
例:REACT_APP_API_KEY=hogehogehoge1234567890

環境変数の呼び出し

dotenvをimportする必要はない
const API_KEY=process.env.REACT_APP_API_KEY;

備忘録
REACT
シェアする
Twitter Facebook はてブ LINE コピー
mogataro
motoori

関連記事

備忘録

storybookのplay関数でよく使うAPIなど

userEvent sample.stories.ts import { userEvent, within } from '@storybook/test' export const TestStory: ...
備忘録

nuxtでトグルボタン作ってみた

vue-js-toggle-buttonのコードを写経しただけです。 herokuにあげています herokuサンプルページ
備忘録

ボタンを押すと出現するサイドバー

CSSトランジションを使う 参考 Enter/Leave とトランジション一覧 サンプルページ
備忘録

カラーコード16進数、RGBA、補色、反転色変換ツール

公開先リンク サンプル
備忘録

スプレッドシートでシート名から日付を取得する

結論 GASでシート名を取得する関数を作成し、シート名から日付を取得する まず、スプレッドシートにて、ツール->スクリプトエディタをクリックして開き、SHEETNAME()という関数を作成するため、以下のコードを記載する。 func...
備忘録

Nuxt+typescriptでドラッグイベントを試す

デモページ GitHub
【React】PropTypesのメモ
【React】vueのv-htmlに該当するもの
ホーム
備忘録

人気記事

PMBOK入門6章 テスト・移行フェーズ
2021.10.012021.12.03
【React】vueのv-htmlに該当するもの
2019.07.162020.03.01
Laravelの.htaccessファイルについて
2019.07.022020.03.01
nuxtのspaモードで作成した作成中のアプリをxserverにデプロイしてみた。
2019.05.182020.03.01
スプレッドシートでシート名から日付を取得する
2019.03.012020.03.01

外部リンク

  • GitHub
  • Portfolio2019

タグ別記事一覧

  • php
    • laravel
  • javascript
    • react
    • vue
    • nuxt
  • html
  • css
  • mysql

カテゴリ別記事一覧

  • 備忘録58
  • 雑記9
スポンサーリンク
この記事を書いた人
mogataro

WEBエンジニアです。
サーバーサイドエンジニアからフロントエンドエンジニアになりました。

mogataroをフォローする
スポンサーリンク
motoori
© 2019 motoori.