In this video I cover everything you need to know about handling multiple environment like development, testing (QA), staging and production in a react app without any code change using environment files and variable. As environment changes need to make many changes in app so it will refer current environment not previous one. To keep to secrete keys secure environment variable is good option, As many common mistakes that developers make storing those in app files which is visible to others too.
GitHub Code
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Link : https://github.com/vikas62081/React-A...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Linkedin: / vikas62081
Instagram: / imvikas62081
Facebook : / codenemy
Github: https://github.com/vikas62081
Email: [email protected]
Concept Covered
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
- React environment setup
- How to setup environment (env) variables in React
- How to env files in React
- Best practices for storing credentials in React
- Secure you react app by hiding confidential information
Chapters
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
0:05 Intro
01:40 Why Multiple Environment
02:50 Logger for production
04:30 Env-cmd package intro
05:18 Create env files
08:02 Call env files in start react script
10:30 Read env variable value
11:36 Render value on UI
13:18 Summary
13:48 Outro
Tags
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
- Hide api Keys using Custom Environment File
- Environment Files
- Environment Variables
- ReactJS Tutorial
- For Beginner
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#codenemy #Env #React #Production