## Installation
npm install @kode-frontend/feature-toggle-react``
$ yarn add @kode-frontend/feature-toggle-react
`
1. Configure feature toggle
Create a feature-toggle directory in your project.
Add some files:
| File | Description | Example |
| :--------------- | :--------------------------------------------- | :--------------------------------------------------------------- |
| config.ts | Initial feature toggle and config it. | config.ts |
| default-flags.ts | Default flags. | default-flags.ts |
| types.d.ts | Type declaration for provide flags keys types. | types.d.ts |
| ft-provider.tsx | Configure provider. | ft-provider.tsx |
2. Wrap your app to FTProvider
3. Use feature toggles in your code.
`typescript
import { useFeatureToggle } from '@kode-frontend/feature-toggle-react';
export const Page = () => {
const FT = useFeatureToggle();
const isSomeFeatureAvailable = FT.hasFeatureFlag('someFlagName');
return <>{isSomeFeatureAvailable &&
};
`
`typescript
import { FeatureToggle } from '@kode-frontend/feature-toggle-react';
export const Page = () => {
return (
<>
active={
$3
`typescript
import { useFeatureToggle } from '@kode-frontend/feature-toggle-react';export const Page = () => {
const { hasFeatureFlag, isFetching } = useFeatureToggle();
const isFlag3Available = hasFeatureFlag('someFlagName');
if (isFetching) {
return <>Loading...>;
}
return <>{isFlag3Available && 'page content'}>;
};
`Development
`
$ yarn
$ yarn start$ cd ./example
yarn
yarn start
`Release
`$ yarn build
$ GITLAB_TOKEN=your-gitlab-token yarn release
``[ ] Add UI adapter