#1 solutionFeature flags for React

Speed up your React development and ensure safer releases using feature flags. With Tggl, you can deploy anytime and roll out features when you choose.

React logo
+
Tggl logo

Trusted by

Swan logoSellsy logoRise up logoStoik logoYuno logoSlowy logoAlgoan logoEquify logoGoelo logo

React SDKUse our React SDK to get started in minutes

Tggl lets you adopt best practises and add feature flags to your React app in minutes with only a few lines of code using our SDK.

1. Install the SDK

npm i react-tggl-client

2. Create the client

Wrap your app in a provider to make the client available anywhere in your app.

import { TgglClient, TgglProvider } from 'react-tggl-client'
 
const client = new TgglClient('YOUR_API_KEY')
 
const App = () => {
  return (
    <TgglProvider client={client}>
      {/*...*/}
    </TgglProvider>
  )
}

3. Start using feature flags

import { useFlag } from 'react-tggl-client'
 
const MyComponent = () => {
  const { active } = useFlag('myFlag')
 
  //...
}

Written in Typescript

Types are automatically pulled from the API and are available in your IDE. Nor more guessing what the return type of a flag is, all typos are picked-up by your IDE and CI build process.

Typesafe

React SDK documentation

Best in class UIEasy to use interface, even for non-technical users

Empower product and marketing teams to experiment within safe boundaries set by your engineering team.

Your app is instantly updated when a flag is updated, no need to write code and deploy the new version.

Feature flag conditions based on plan type

PerformanceNo compromise on performance

Tggl is optimized for mobile devices and other client side applications. You can get all the benefits of feature flags with no compromise on performance and interactivity.

A single API call

A single API call

Tggl requires just one API call at the start of a session to retrieve all flags for a user. Your code then simply checks the initial response.

Small payload

Tiny payload (<1kb)

Unlike other providers, Tggl's API responses are optimized for mobile devices with slow connexions.

Resilient by design

Resilient by design

Tggl ensures your app will never crash due to feature flags. In case of service disruption or network errors, it will simply fall back to a safe state.

Server-side evaluation

Server-side evaluation

Cache the configuration on your backend or use our proxy to locally evaluate flags for each user with no API calls and no overhead on your HTTP responses.

Runs on the edge

Runs on the edge

Evaluate flags directly on the edge with no API calls and serve customized pages that don’t blink when loaded.

Privacy first

Privacy first

Use the Tggl proxy and make sure your data never leaves your infrastructure. Host it close to your end user for even better performance.

What our clients have to say about us

quote left
At Yuno, we were using Amplitude for product analytics and needed a tool to conduct A/B tests. We were able to integrate Tggl extremely fast and could get our first results in days. As a product manager, Tggl had a great impact on the way we work with the tech team.
quote right
Gautier Schaffter profile pictureGautier Schaffter, Senior Product Manager @ Yuno

We value privacy and security

GRPR compliant

GDPR compliant

Tggl's robust data handling practices ensure GDPR compliance, safeguarding user privacy and data security.

Data stored in EU

Data stored in EU

Tggl securely stores data within the European Union, adhering to stringent data protection standards and regulations.

Your data dont reach our servers

Your data never reaches our servers

Use the open source Tggl proxy on your own infrastructure to ensure that your data never leaves your servers.

Two-factors authentification

Two-factor authentication

Enable two-factor authentication (2FA) to greatly improve your security posture on Tggl!

Custom roles

Custom roles

Assign granular access permissions to ensure the right people have the right access.

Feature flags history

Flag history

Precisely track what changes were made, who made them, and easily rollback to a previous configuration.

Get started with feature flags in React

You can start using Tggl at no cost and see results in less than 3 minutes. It offers comprehensive documentation and a React SDK that handles all of the setup for you!

Get startedNo credit-card required
Get started video preview

Compare with other solutions

For a detailed breakdown of feature flag solutions for React, check out our comparison guide. It offers an extensive look at the features, ease of use, and pricing of different tools, helping you make an informed decision based on your specific needs.