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.

brunolemos

import React from 'react'
import { StatusBar, Text, View } from 'react-native'
import { useSafeArea } from 'react-native-safe-area-context'

export function App() {
  const safeAreaInsets = useSafeArea()

  return (
    <View
      style={{

charlesxsh

import React from 'react';
import { Component } from 'react';
import {
    TouchableOpacity,
    Text,
    View,
    Image
} from 'react-native';
import { TabBarBottomProps, NavigationRoute } from 'react-navigation';

aurorabbit

#!/bin/sh
# add this to your bitbar directory
# don't forget to chmod +x


# width and characters for the progress bars
# feel free to configure these
width=30
fill_char="█"
empty_char="▁"

levelsio

<?php

/*
 I wrote this function to progressively obfuscate text in MAKEbook.io. When it KINDA worked, I just used it.
 It can take a lot of improvement. I kinda just tweaked the values until it was good enough. It's not SO progressive though.
 
 It takes all the output of your PHP scripts via ob_start(), reroutes that to the obfuscation function.
 
 You should check if user paid for book or not, then either run ob_start or not!
 

tunguskha

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>

eashish93

vs Questions

---

1. http://stackoverflow.com/questions/804115 (rebase vs merge).
2. https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
3. https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
4. http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
5. http://stackoverflow.com/questions/292357 (pull vs fetch)
6. http://stackoverflow.com/questions/39651 (stash vs branch)
7. http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

boniattirodrigo

import React, { Component } from 'react'

import {
  View,
  AsyncStorage,
  TouchableHighlight,
  Text,
  StyleSheet,
} from 'react-native'

chourobin

Bridging Native & React for iOS & Android

js -> native

• Simple Example
• Callbacks
• Promises
• Properties

native -> js

ronnyhartenstein

import React from 'react'
import { AppRegistry } from 'react-native'
import setup from './setup'

AppRegistry.registerComponent('ReactNavigationTest', setup)