TLDR: Configure a React Native Android project for three build types: development, staging, and release. Customize build behavior for repeatability through gradle script edits, then streamline flows using Fastlane. Use Jenkins to automate Fastlane build flows.

Intro | Setup | Pre-Build | iOS | Android | Jenkins | CodePush |…


TLDR: Configure a React Native iOS project for three build types: development, staging, and release. Customize build behavior for repeatability in Xcode, then streamline flows using Fastlane. Use Jenkins to automate Fastlane build flows.

Intro | Setup | Pre-Build | iOS | Android | Jenkins | CodePush | Testing

Synopsis

Concepts…


TLDR: Binary build times are slow. Minimize wasted developer time from failed builds by managing environment variables and running pre-build checks.

Intro | Setup | Pre-Build | iOS | Android | Jenkins | CodePush | Testing

Synopsis

Concepts

Walkthrough

  • Jenkins agent === development…

TLDR: Walkthrough setting up a new Jenkins agent from scratch, creating a portable build environment along the way.

Intro | Setup | Pre-Build | iOS | Android | Jenkins | CodePush | Testing

Synopsis

Concepts

  • Agent hardware
  • Agent remote access
  • Cloud source control
  • Provisioning profiles
  • Build environment
  • Software stack and version…

The comprehensive guide to create build, test, and release flows for React Native, with Jenkins and Fastlane automation. JavaScript and Shell used as the ‘glue’ between Jenkins, Fastlane, and the Jenkins agent.

Content

Part 1: Setting up a Jenkins agent
Part 2: Minimizing build failures
Part 3: Running iOS builds
Part 4: Running Android builds

Coming Soon:
Part 5:
Getting the most out of your Jenkins agent
Part 6: Running CodePush deployments
Part 7: Testing: Simulator, Device, Integration

Jenkins artwork by Ksenia Nenashevahttps://jenkins.io/

Introduction

Anyone who has released a…


TLDR: Discussion of bundle / binary size on app installs and React Native performance, convert .png and .jpg images to .webp format, add native decoders to iOS/Android, quantify size savings. Companion repo: https://github.com/TGPSKI/react-native-webp-support

React Native +WebP = Smaller sizes, faster speeds

If your React Native app is anything like the one I most recently worked on, the app…


TLDR: add staging build configuration, add applicationIdSuffix to build variants, improve Gradle VM performance, add react ExtraPropertiesExtension parameters, fix node executable + VM issues, solve BundleJSAndAssets hang, fastlane automation

A new edition of this article is now featured in the React Native DevOps Guide. …

Tyler Pate

Former Lead Mobile Developer @ Earn.com, acquired by Coinbase. Stuff I love: React Native, DevOps, JS, 3D Printing, Skiing, Motorcycles, Music

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store