Anas Tely anastely

Improving times for both iOS build and CI for a React Native app

Intro

Hello there.

So, if you are here you probably saw my previous tweet where I asked for tips & tricks on improving the timing on an iOS/React Native app build time.

What will follow was how I mixed those suggestions + some good old GoogleSearch-fu + me deep diving on this for ~2 days.

Set up a React Native app on Bitrise

Getting Started

Automating React Native apps on Bitrise? Sure thing! Let's see how! 🤖

Log in to Bitrise and click +Add new app on your Dashboard!
Connect your repository from your connected source code provider or add it manually.
Setup repository access (See DevCenter for detailed explanation!)
Validation setup: choose a branch for our scanner, this will help automation. How about a cuppa coffee while we are scanning your app?

Note

Apple will reject apps that are using private url schemes (Ugh, Apple....) if they are pretty much obvius. Some apps are rejected and others are not, so, be aware of this issue before implementing any of those URL's in your app as a feature.

Updates

[UPDATE 4] iOS 10 update: apparently settings now can be reached using App-Pref instead of prefs
~~[UPDATE 3] For now you just can use url schemes to open your apps's settings with Swift 3.0 (Xcode 8). I'll keep you informed when OS preferences can be reached~~
~~[UPDATE 2] The openURL() method of UIApplication is now deprecated. You should use application(_:open:options:) instead~~
~~[UPDATE 1] Not yet tested in iOS 10. It will fail because of policies changes in URL scheme handling.~~

	// scripts/Clear.sh
	#!/bin/bash

	echo "rm -rf ios/build..."
	rm -rf ios/build

	echo "rm -rf android/app/build..."
	rm -rf android/app/build

	echo "Removed all Xcode derived data..."

	import { forEachObjIndexed } from "ramda";
	import * as React from "react";
	import {
	Animated,
	ScrollView,
	View,
	ViewStyle,
	LayoutChangeEvent,
	NativeScrollEvent,
	} from "react-native";

	const heroes = [
	{ fullName: 'Spider-Man', heroId: 1 },
	{ fullName: 'Iron Man', heroId: 2 },
	];

	const alterEgos = [
	{ fullName: 'Peter Parker', heroId: 1 },
	{ fullName: 'Tony Stark', heroId: 2 },
	];

	{
	"workbench.startupEditor": "newUntitledFile",
	"editor.fontSize": 16,
	"editor.lineHeight": 1.8,
	"javascript.suggest.autoImports": true,
	"javascript.updateImportsOnFileMove.enabled": "always",
	"editor.rulers": [
	80,
	120
	],


	import {
	findNodeHandle
	} from 'react-native'


	this.childItem.measureLayout(findNodeHandle(this.containerWrapper), (x, y, width, height) => {
	console.log('got measurement', x, y, width, height)
	})

	upload(files) {
	const config = {
	onUploadProgress: function(progressEvent) {
	var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
	console.log(percentCompleted)
	}
	}

	let data = new FormData()
	data.append('file', files[0])

	import React from 'react';
	import {
	View,
	Text,
	FlatList,
	StyleSheet
	} from 'react-native';
	import { ListItem } from 'react-native-elements';

	class Users extends React.Component {