> ## Documentation Index
> Fetch the complete documentation index at: https://launchdarkly-preview.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# React SDK reference

> This topic explains all of the methods available in the client-side React SDKs, with detail about how they work.

> For the complete documentation index, see [llms.txt](/llms.txt). For the full documentation snapshot, see [llms-full.txt](/llms-full.txt).

LaunchDarkly has two distinct React SDKs. The React Web SDK works on web-based React codebases, and the React Native SDK is built to work on native apps for Android and iOS. To learn more about each SDK, read the [React Web SDK reference](/sdk/client-side/react/react-web) and the [React Native SDK reference](/sdk/client-side/react/react-native).

Additionally, we have a plugin for Gatsby-based websites. The Gatsby plugin wraps the React Web SDK and makes it easier to use in a Gatsby site.

<div>
  <section>
    ### React SDKs

    <div>
      \[<img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1dc5831fb41d2bd7ec5f698e75fe9081aae3ec81326edb9a53c4307012c610da/assets/icons/dark/react.svg" alt="React logo" class="sdk-logo-dark" />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1e993d835dbc1fa08e3d75f6dbb50011e136d8f919a2bff0af283ee53c0b909d/assets/icons/light/react.svg" alt="React logo" class="sdk-logo-light" />

      React Web

      <Icon icon="fa-light fa-arrow-right" />]\(/sdk/client-side/react/react-web)

      \[<img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1dc5831fb41d2bd7ec5f698e75fe9081aae3ec81326edb9a53c4307012c610da/assets/icons/dark/react.svg" alt="React logo" class="sdk-logo-dark" />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1e993d835dbc1fa08e3d75f6dbb50011e136d8f919a2bff0af283ee53c0b909d/assets/icons/light/react.svg" alt="React logo" class="sdk-logo-light" />

      React Native

      <Icon icon="fa-light fa-arrow-right" />]\(/sdk/client-side/react/react-native)

      \[<img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1956ee613cb8a3871b9a6dc8dce3d24b96a99c1a6d35c41c68de413dbe582095/assets/icons/dark/gatsby.svg" alt="Gatsby logo" class="sdk-logo-dark" />

      <img src="https://files.buildwithfern.com/https://launchdarkly.docs.buildwithfern.com/docs/1956ee613cb8a3871b9a6dc8dce3d24b96a99c1a6d35c41c68de413dbe582095/assets/icons/light/gatsby.svg" alt="Gatsby logo" class="sdk-logo-light" />

      Gatsby

      <Icon icon="fa-light fa-arrow-right" />]\(/sdk/client-side/react/gatsby)
    </div>
  </section>
</div>