kelset

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.

catalinmiron

// In your bash/zsh/etc...

function universalInstall() {
  echo "Running install with $@";
  echo "- react-native-gesture-handler\n- react-native-reanimated\n- react-native-screens\n- react-native-safe-area-context\n- @react-native-community/masked-view\n"
  $@ install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view;
}

// Usage
universalInstall expo

mrousavy

In computing, memoization or memoisation
is an optimization technique used primarily
to speed up computer programs by storing
the results of expensive function calls and  
returning the cached result when the same
inputs occur again.                                         
                                                     — wikipedia

danalloway

/**
 * 1.) Make sure you have the `GOOGLE_APPLICATION_CREDENTIALS` environment variable
 *     set to the path of your local service account credentials.
 *     @see https://cloud.google.com/storage/docs/reference/libraries#setting_up_authentication
 *
 * 2.) Make sure you have the `SUPABASE_URL` and `SUPABASE_KEY` environment variables set
 *     with the proper values from your Supabase Project API page.
 *
 * Install dependancies: `npm install --save node-fetch form-data @google-cloud/storage`
 */

levelsio

<?

	//
	// AUTO KEYWORD-BASED FOLLOWER CURATION BOT (by @levelsio)
	//
	// File: twitterFollowerCuratorBot.php
	//
	// Created: May 2021
	// License: MIT
	//

amandeepmittal

rules: {
    'prettier/prettier': ['error'],
    'no-use-before-define': 0,
    'react/forbid-prop-types': 0,
    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
    'react/jsx-fragments': 0,
    'react/jsx-props-no-spreading': 0,
    'react/style-prop-object': 0,
    'react/require-default-props': 0,
    'react/prop-types': 0,

jsjoeio

Raw Notes

These are my unstructured notes from the workshop. Read with caution (they're biased to my own interpretation).

Notes

1,000,000 Julian.com visitors

Part 1: What's your objective for your article?

Part 2: pair it with an objective

tanner-west

import React from "react";
import { View, SafeAreaView, Text, Dimensions } from "react-native";
import Animated, {
  useSharedValue,
  useAnimatedStyle,
  useAnimatedScrollHandler,
  interpolate,
  interpolateColor,
  Extrapolate,
} from "react-native-reanimated";

tanner-west

import React, {useEffect, useState} from 'react';
import {
  View,
  SafeAreaView,
  Text,
  StyleSheet,
  ScrollView,
  ActivityIndicator,
  StatusBar,
} from 'react-native';

bashbunni

# I'll be doing another one for Linux, but this one will give you 
# a pop up notification and sound alert (using the built-in sounds for macOS)

# Requires https://github.com/caarlos0/timer to be installed

# Mac setup for pomo
alias work="timer 60m && terminal-notifier -message 'Pomodoro'\
        -title 'Work Timer is up! Take a Break 😊'\
        -appIcon '~/Pictures/pumpkin.png'\
        -sound Crystal"