devt
v1.2.4
Published
Setups up local dev-tools menu
Downloads
50
Maintainers
Readme
https://img.shields.io/npm/v/devt?style=for-the-badge
devt
This tool allows you to install a custom dev-tools on your React application.
devt will be enabled by default when process.env.NODE_ENV
is either 'dev', 'develop', or 'development'.
Install
npm install --save-dev devt
Setup
In your index file, import loadDevTools and wrap your initial render with the loadDevTools function. The second argument to the loadDevTools function is an array of feature flags.
import React from 'react';
import { render } from 'react-dom';
import { loadDevTools } from 'devt';
loadDevTools(() => {
render (<App/>,document.querySelector('#app'))
}, ["catFeature"])
| parameters | type | required | desc | | |------------|----------|----------|---------------------------------------------------------------------------------------------------------------------------------------------|---| | callback | function | Yes | render(, document.querySelector('#app')) | | | features | array | Yes | Array of feature flags ["catFeature", "coolFeature", ...]Each item in the features array create a toggle to enable/disable the feature. | | | | | | | |
Usage
import { featureToggles } from 'devt';
...
<div>
{featureToggles.catFeature ? "show cats" : "hide cats"}
</div>
...