Hodfords ENV React Devtools

env-react-devtools help for developers change ENV config DEV Enviroment for debug any issues.

Installation 🤖

• Install PNPM latest version

• Install Nodejs >= 20 ( Should be use NVM for install NodeJS )

• This library require react-router version >= 7.0.0

• With NPM:

npm install @hodfords/env-react-devtools --save

• with PNPM:

pnpm install @hodfords/env-react-devtools

Usage 🚀

• First step, config project env and routes for project you want.

1import EnvProvider from '@hodfords/env-react-devtools';
2
3<EnvProvider
4  env={import.meta.env}
5  routes={routes}
6/>

• env: Env data input form handle change for project
• routes: Current routes of your project config merge with route devtools

• Currently, you don't need to use RouterProvider because in this library are using, just need config router paths for EnvProvider.
• For first time, when you save env configs it's will save to localStorage with name envVars. So you can sync env configs via localStorage for your project.
• Access route path /devtools in your project after install package and finish setup.

License 📝

This project is licensed under the MIT License