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.

• Braze User Guide
• Initial React Native SDK Setup

Braze Expo Plugin

If you're using Expo, you can install our plugin to integrate the React Native SDK without any native code. See the Braze Expo Plugin Github for more details.

Running the Sample App

• 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.

The following commands apply to both sample projects and use the AppboyProject directory as an example.

1cd AppboyProject/
2yarn install
3
4# In a separate tab:
5cd AppboyProject/
6npx react-native start

iOS

Our sample app integrates the native Braze iOS SDK through Cocoapods.

From the AppboyProject directory:

1sudo gem install cocoapods
2cd ios/
3pod install
4cd ../
5npx react-native run-ios

Android

From the AppboyProject directory:

1npx react-native run-android

Style

• Generally we try to mimic the Braze Web SDK's Javascript interface where appropriate.
• We use eslint as our linter. From the root directory, run npm run lint to list errors or npm run lint-fix to automatically fix errors. To override the rules in the standard-react config, add "rules" in .eslintrc.json.

Testing

• We use jest for testing the React SDK.
• Run the tests and code coverage report using npm test