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

関連記事

備忘録

フッターを簡単に最下部に固定する方法

white-space: pre-wrap;
備忘録

数秒間、処理を待ちたい時

function resolveAfter2Seconds() { await new Promise(resolve => setTimeout(resolve, 2000)) // いかに2秒後に実行する処理を書く } ...
備忘録

docker+typescript+express+websocketで作成したチャットアプリをrenderにデプロイした

デプロイしたやつ ここで動いてるよ( 興味がありつつも、ちゃんと触ったことがないwebsocketを試すことにした。 最初は、nginxで静的ファイルを表示しnod...
備忘録

Laravelの.htaccessファイルについて

.htaccessはドットエイチティーアクセスって読む。 publicフォルダに以下の.htaccessをおく ほぼ理解できていないのですが、リダイレクトの設定をしているみたいです。 これを置いていなかったため、index以外のページ...
備忘録

PMBOK入門6章 テスト・移行フェーズ

テスト・移行フェーズのPMの役割 確実に作業を進める 1つ一つの作業を確実に行う 確認が十分にされずに行われている作業がないか手順や役割が不明確になっている作業がないかなどを調査し、迅速かつ適切に対応する システムの移行作業の...
備忘録

PHP 特定ページへリダイレクト

結論 header関数を使用する <?php header('Location: exit; 上記コードでは、「」へリダイレクトします。
【React】PropTypesのメモ
【React】vueのv-htmlに該当するもの
ホーム
備忘録

人気記事

PMBOK入門6章 テスト・移行フェーズ
2021.10.012021.12.03
vueのイベントハンドラ(v-on)
2019.06.30
要素を見えないようにするが、スクリーンリーダーには読ませるcss
2021.10.282024.08.26
品川近視クリニックでレーシックしました(割引券もあるよ)
2020.05.17
Laravelの.htaccessファイルについて
2019.07.022020.03.01

外部リンク

  • GitHub
  • Portfolio2019

タグ別記事一覧

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

カテゴリ別記事一覧

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

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

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