Set the runtime variables of React apps using environment variables.

Last update: Feb 10, 2023

Overview

react-runtime-envar

Set the runtime variables of React apps using environment variables

Build the docker image and run container

Build the docker image;

docker build -f .devops/Dockerfile -t react/runtime-envars .

Run the container using DEV envars(default);

docker run -d -p 3001:80 --name react-dev -t react/runtime-envars

Run the container using STG envars;

docker run -d -p 3002:80 --name react-stg -e DOC_TITLE=STG -e API_URL=https://stg.api.com -t react/runtime-envars

Run the container using PRD envars(default);

docker run -d -p 3003:80 --name react-prd -e DOC_TITLE=PRD -e API_URL=https://prd.api.com -t react/runtime-envars

You might also like...

Online React Editor and IDE: compile, run, and host React apps

react-add-subtract Create a simple React application and learn how to manage the state and render JSX You need to provide an input which accept number

1 Oct 25, 2021

Recoil is an experimental state management library for React apps.

Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

18.2k Jan 5, 2023

Snacks in a Van web apps Build With React.js

0 Dec 5, 2021

🍑 Responsive Mobile-sized Wrapper for React - Easily prototype your mobile-sized web apps with desktop support

react-mobile-sized-view Featured on reactjsexample.com(thx editor 🙇 ) 🍑 Responsive Mobile-sized Wrapper for React 🚀 Examples ⚠️ Warning: The follow

23 Nov 24, 2022

Build apps with Node, Express, Apollo, React

Welcome to NEAR (Node, Express, Apollo, React) This is a very early release and a work in progress. untested atm This project is a an attempt to creat

0 Jan 10, 2022

Easily integrate emoji captcha in your react apps

Emoji Captcha react client library

1 Feb 10, 2022

A library of discounts-focused React components to help in building Shopify apps.

discount-app-components @shopify/discount-app-components provides a set of stateless discount components to help 3p app developers create AppBridge-po

25 Jan 1, 2023

This project contains a foundation for building and learning about React apps

2 Nov 14, 2022

This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 from React Native mobile apps.

page_type description products languages sample This sample demonstrates how to use the Microsoft Graph JavaScript SDK to access data in Office 365 fr

13 Feb 12, 2023

Owner

Burak KÖSE

Software Developer and DevOps Solution Engineer

GitHub

React App for style transfer using ONNX Runtime Web.

Style transfer web app Checkout the website live at : https://vicalloy.github.io/image-transformer/ React App for style transfer using ONNX Runtime We

13 Dec 6, 2022

Yaade - Yet Another API Development Environment

Yaade - Yet Another API Development Environment Yaade is an open-source, self-hosted, collaborative API development environment. ?? Why did you develo

1k Dec 28, 2022

A tiny example set up for using gRPC-Web with Go and React

Small Go/React/TypeScript gRPC-Web example

18 Sep 20, 2022

An open source project to catalogue the diverse set of Indian cuisines available across the subcontinent for thousands of years

An open source project to catalogue the diverse set of Indian cuisines available across the subcontinent for thousands of years. We aspire to become t

7 Apr 12, 2022