Security News
Research
Data Theft Repackaged: A Case Study in Malicious Wrapper Packages on npm
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
launchdarkly-react-client-sdk
Advanced tools
The launchdarkly-react-client-sdk is a client-side SDK for integrating LaunchDarkly's feature flagging and experimentation capabilities into React applications. It allows developers to control feature releases, perform A/B testing, and manage feature flags in real-time.
Initialize the SDK
This code demonstrates how to initialize the LaunchDarkly SDK in a React application using the `withLDProvider` higher-order component. Replace 'YOUR_CLIENT_SIDE_ID' with your actual LaunchDarkly client-side ID.
import { withLDProvider } from 'launchdarkly-react-client-sdk';
const App = () => (
<div>
<h1>My App</h1>
</div>
);
export default withLDProvider({
clientSideID: 'YOUR_CLIENT_SIDE_ID'
})(App);
Use feature flags
This code demonstrates how to use feature flags in a React component with the `useFlags` hook. The `myFeatureFlag` variable will be `true` or `false` based on the feature flag's state in LaunchDarkly.
import { useFlags } from 'launchdarkly-react-client-sdk';
const MyComponent = () => {
const { myFeatureFlag } = useFlags();
return (
<div>
{myFeatureFlag ? <p>Feature is enabled</p> : <p>Feature is disabled</p>}
</div>
);
};
Track custom events
This code demonstrates how to track custom events using the `useLDClient` hook. The `ldClient.track` method sends a custom event to LaunchDarkly, which can be used for analytics and experimentation.
import { useLDClient } from 'launchdarkly-react-client-sdk';
const MyComponent = () => {
const ldClient = useLDClient();
const handleClick = () => {
ldClient.track('button-clicked', { customData: 'example' });
};
return (
<button onClick={handleClick}>Click me</button>
);
};
Unleash is an open-source feature management solution. The `unleash-client` package provides similar feature flagging capabilities as LaunchDarkly but is self-hosted, giving you more control over your data and infrastructure.
Split.io is another feature flagging and experimentation platform. The `splitio-react` package provides similar functionalities to LaunchDarkly, allowing you to manage feature flags and run experiments in React applications.
LaunchDarkly is a feature management platform that serves trillions of feature flags daily to help teams build better software, faster. Get started using LaunchDarkly today!
This version of the LaunchDarkly SDK is compatible with versions 16.3.0 and later of React because it uses React's Context API. However, if you are using the SDK's Hooks API or asyncWithLDProvider
, then you must use React version 16.8.0 or later.
Additionally, refer to the JavaScript SDK README to learn more about browser compatibility.
Refer to the SDK documentation for instructions on getting started with using the SDK.
Please note that the React SDK has two special requirements in terms of your LaunchDarkly environment. First, in terms of the credentials for your environment that appear on your Account Settings dashboard, the React SDK uses the "Client-side ID"-- not the "SDK key" or the "Mobile key". Second, for any feature flag that you will be using in React code, you must check the "Make this flag available to client-side SDKs" box on that flag's Settings page.
Read our documentation for in-depth instructions on configuring and using LaunchDarkly. You can also head straight to the complete reference guide for this SDK or our code-generated API documentation.
This SDK builds upon the JavaScript SDK, supporting all of the same functionality, but using React's Context API to provide additional conveniences. While using this SDK you may need to directly interact with the underlying JavaScript SDK. For more information on how to use the JavaScript SDK and its characteristics, see the SDK's README.
We run integration tests for all our SDKs using a centralized test harness. This approach gives us the ability to test for consistency across SDKs, as well as test networking behavior in a long-running application. These tests cover each method in the SDK, and verify that event sending, flag evaluation, stream reconnection, and other aspects of the SDK all behave correctly.
We encourage pull requests and other contributions from the community. Check out our contributing guidelines for instructions on how to contribute to this SDK.
FAQs
LaunchDarkly SDK for React
The npm package launchdarkly-react-client-sdk receives a total of 584,244 weekly downloads. As such, launchdarkly-react-client-sdk popularity was classified as popular.
We found that launchdarkly-react-client-sdk demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.