Kudo Chien Kudo

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.

README

Why this transform is necessary?

Until React Native 24, you import React from 'react-native' package, but this will change on RN 25, you will need to import React from 'react'. You probably have many files that does this, so I've created a codemod to save you a bunch of time

How to use this

Install jscodeshif

NavigationExperimental notes

Containers

RootNavigationContainer

You pass the reducer to this, it actually ultimately receives all navigation calls via onNavigate, which is mostly equivalent to Redux dispatch. It setState and persisting state. it is like the redux "store"

update object

var state = {
    id: 1,
    points: 100,
    name: "Goran"
};

var newState = {

Updates without submitting to App Store

This is allowed for ReactNative apps. Source

AppHub.io is one option, open source coming soon.

Building a ReactNative app with Swift

See facebook/react-native#2648

PS: If you liked this talk or like this concept, let's chat about iOS development at Stitch Fix! #shamelessplug

Protocol-Oriented Programming in Swift

Speaker: David Abrahams. (Tech lead for Swift standard library)

"Crusty" is an old-school programmer who doesn't trust IDE's, debuggers, programming fads. He's cynical, grumpy.
OOP has been around since the 1970's. It's not actually new.
Classes are Awesome
- Encapsulation
- Access control

	#!/bin/bash

	# ---------------------------------------------------------
	# Customizable Settings
	# ---------------------------------------------------------

	MOUNT_POINT="${CASE_SAFE_MOUNT_POINT:-${HOME}/casesafe}"
	VOLUME_PATH="${CASE_SAFE_VOLUME_PATH:-${HOME}/.casesafe.dmg.sparseimage}"
	VOLUME_NAME="${CASE_SAFE_VOLUME_NAME:-casesafe}"
	VOLUME_SIZE="${CASE_SAFE_VOLUME_SIZE:-60g}"

	/! webpack.config.js \| Build JS, CSS,.. client assets and StyleGuide /

	'use strict';

	var webpack = require('webpack');
	var ExtractTextWP = require('extract-text-webpack-plugin');
	var HtmlWP = require('html-webpack-plugin');

	var path = require('path');
	var moment = require('moment');

	'use-strict'

	var React = require('react-native');
	var {
	Dimensions
	} = React;

	var DimensionsHelper = {
	init : function() {
	this.SCREEN_WIDTH = Dimensions.get("window").width;


	public CustomView(Context context, AttributeSet attrs) {
	super(context, attrs);
	setupBackPressed();
	}

	public static void addMe(Activity host) {
	NotificationView v = (NotificationView) host.getLayoutInflater().inflate(R.layout.notification_list, null);
	LinearLayout.LayoutParams p = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
	host.addContentView(v, p);