كيفية اخفاء المفاتيح والمعلومات المهمة في react

يجب عليك وضع كل ماهو خاص في ملف .env بجانب ال src وتكون لديك نسخة محلية منه وتتجاهل رفعها أثناء ال build ويكون لديك ملف مشابه مرفوع علي السيرفر بحيث تشير إليه عندما تريد استخدام المتغيرات الخاصة التي وضعتها

project
|
|____ src
|____ .env 

وبداخل ملف ال env تستخدم متغيرات خاصة تبدأ ب REACT_APP ثم الإسم الذي تريده هكذا 
 

REACT_APP_TOKEN="111111111111"
REACT_APP_SECRET="Any thing"

طبعاً عند استخدامها في الكود البرمجي الخاص بك تستخدم الآتي: 
 

process.env.REACT_APP_TOKEN

process.env.REACT_APP_SECRET

• وهذا مرجع لك للتعمق أكثر