Set the runtime variables of React apps using environment variables.

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
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

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.

Snacks in a Van web apps Build With React.js

Snacks in a Van web apps Build With React.js

🍑 Responsive Mobile-sized Wrapper for React - Easily prototype your mobile-sized web apps with desktop support
🍑 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

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

Easily integrate emoji captcha in your react apps
Easily integrate emoji captcha in your react apps

Emoji Captcha react client library

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

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

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

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

Owner
Burak KÖSE
Software Developer and DevOps Solution Engineer
Burak KÖSE
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

vicalloy 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

null 1k Dec 28, 2022
A tiny example set up for using gRPC-Web with Go and React

Small Go/React/TypeScript gRPC-Web example

Johan Brandhorst-Satzkorn 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

Smaranjit Ghose 7 Apr 12, 2022
A set of packages that helps you integrate the Glow Solana Wallet into your dApp

Glow JS This is a set of packages that helps you integrate the Glow Solana Wallet into your dApp. ?? Video Overview Packages Here is a set of packages

Glow 25 Dec 5, 2022
A scavenger hunt application where users can set up hunts and add challenges to complete inside or outside with friends

This is a scavenger hunt application where users can set up hunts and add challenges to complete inside or outside with friends!

Alberto Barrientos 4 Apr 25, 2022
Set up a modern web app with clean architecture by running one command.

Clean React App Create React apps using Clean Architecture with no build configuration. User Guide – How to develop apps bootstrapped with Clean React

Rubem Vasconcelos 44 Nov 14, 2022
Demo of using Metro to bundle Expo apps for web

Metro web demo This is a weekend project, I have no plans to land this in Expo. metro-web.mp4 Demo of using Metro to bundle Expo apps for web. Try the

Evan Bacon 11 Nov 15, 2022
A simple React zing mp3 apps built with React Typescript, Redux and TailwindCSS.

React Typescript Zingmp3 A simple React zing mp3 apps built with React Typescript, Redux and TailwindCSS. Working application Checkout: https://60a609

Tony Nguyen 19 Oct 14, 2022
State managment library for React and React Native apps

State managment library for React and React Native apps

Dany Beltran 0 Nov 14, 2022