Braze React SDK
Effective marketing automation is an essential part of successfully scaling and managing your business. Braze empowers you to build better customer relationships through a seamless, multi-channel approach that addresses all aspects of the user life cycle Braze helps you engage your users on an ongoing basis.
See our Technical Documentation for instructions on integrating Braze into your React Native application.
AppboyProject- Contains the AppboyProject sample app with integration examples for the React Native bridge. This sample app integrates the iOS bridge via manual linking, and the iOS SDK via Cocoapods. It can also optionally integrate the iOS bridge using Cocoapods via a local Podspec.
Running the Sample App
The following commands apply to both sample projects and use the
AppboyProject directory as an example.
cd AppboyProject/yarn install# In a separate tab:cd AppboyProject/npx react-native start
Our sample app integrates the native Braze iOS SDK through Cocoapods.
sudo gem install cocoapodscd ios/pod installcd ../npx react-native run-ios
npx react-native run-android
Native in-app messages display automatically out of the box on Android and iOS.
To get the in-app message data implement the
BrazeInAppMessage. A sample implementation of this is contained in AppboyProject.
Disabling automatic display
To disable automatic in-app message display for Android, your
beforeInAppMessageDisplayed method implementation should return
To disable automatic in-app message display for iOS, your
beforeInAppMessageDisplayed delegate implementation should return
To log analytics using your
BrazeInAppMessage, pass the instance into the
logInAppMessageButtonClicked (along with the button index) methods available on
- We use eslint as our linter. From the root directory, run
npm run lintto list errors or
npm run lint-fixto automatically fix errors. To override the rules in the
- We use jest for testing the React SDK.
- Run the tests and code coverage report using