Controlled Mobile Rollout with React Native

Controlled rollouts, or canary releases, allow you to release your features to a small subset of your user base at a time to ensure functionality before releasing it to your entire user base. Its a fundamental piece of having an effective CI/CD pipeline, and essential to chaos engineering because you can roll out features to production, test them in production, and ensure functionality and reliability. However, this process on mobile comes with some challenges. How do you propagate feature flagging configuration to mobile devices that don't always have a strong network? As a mobile developer, you want to be able to use the latest flag configuration, but you also don't want to stop someone using the app just because you can't load the feature flag config. In this talk, we'll start with why controlled rollout is important and how feature flags enable you to do it successfully, then we will talk about mobile specifics, and then a demo with React Native.

Transcript

1. Controlled Rollout with React Native and Feature Flags Talia Nassi
2. @talia_nassi talia.nassi@split.io Developer Advocate at Split.io Talia Nassi
3. Debbie the Web Developer
9. Feature flag that is.
10. What’s a feature flag?
11. Feature flags let you separate code deployment from feature release.
12. Feature Flags are a safety net Turn on and off features without a lengthy release process Test your features in production Provides a safety net to enable controlled rollouts A/B Test
13. Next time, use controlled rollouts for your features.
16. What happens when you don’t have a strong network and cant load the feature flag config?
17. CACHING!!
18. Feature Flag Config
19. Feature Flag Config
20. Feature Flag Config
21. ANDROID AND IOS CACHING Allows flags that control exposure to your new features, improvements, and bug fixes to be regularly updated and stored in the cache for instances when connectivity might not be available.
22. You will be rejected by Apple
23. If it’s good enough for Uber, it’s good enough for us!!
25. REACT NATIVE
26. How did Debbie do it? <SplitTreatments names={[‘enable-barcode-shopping’]}> {({treatments}) => { const showBarcodeExperience = treatments[‘enable-barcode-shopping’]; if(showBarcodeExperience) return <BarcodeShopping/>; else return null; } </SplitTreatments>
27. Example 1: Monitor a Feature Flag Rollout with New Relic
28. Surface Feature Flag State Within New Relic
29. New Relic + Split
30. New Relic + Split
31. New Relic + Split
32. Example 2: Managing Production Incidents
35. Close the Feature Rollout Loop
36. Webinar Thursday! -> https://t.co/r6TZ2BJ4XN?amp=1
37. @talia_nassi talia.nassi@split.io Developer Advocate at Split.io Talia Nassi