nim23

// note there may be a better way to abuse flexbox than this :)

var React = require('react-native')
var { View, TextInput } = React

var BorderedInput = React.createClass({

  getInitialState() {
    return { i: 0 }
  },

nim23

var React = require('react-native')
var {
  ListView,
  ActivityIndicatorIOS,
  StyleSheet,
  View,
  Text,
} = React

// must be less than ~50px due to ScrollView bug (event only fires once)

nim23

#import "MyCustomView.h"

@implementation MyCustomView
{
    UIColor *squareColor;
}

- (void)setIsRed:(BOOL)isRed
{
    squareColor= (isRed)  ? [UIColor redColor] : [UIColor greenColor];

nim23

var page = new WebPage(),
    address, output, size;
    
//capture and captureSelector functions adapted from CasperJS - https://github.com/n1k0/casperjs
capture = function(targetFile, clipRect) {
    var previousClipRect;
    var clipRect = {top: 0, left:0, width: 40, height: 40};
    if (clipRect) {
        if (!isType(clipRect, "object")) {
            throw new Error("clipRect must be an Object instance.");

nim23

import { componentFromStream, setObservableConfig } from 'recompose'
import xstreamConfig from 'recompose/xstreamObservableConfig'
import { h, p, div, h1, h2 } from 'react-hyperscript-helpers'
import { render } from 'react-dom'
import xs from 'xstream'

setObservableConfig(xstreamConfig)

const Users = componentFromStream((props$) => {

nim23

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

nim23

show_icons() {
  defaults write com.apple.finder CreateDesktop true
  killall Finder
}

hide_icons() {
  defaults write com.apple.finder CreateDesktop false
  killall Finder
}

nim23

import React, { PureComponent } from 'react';
import { View, InteractionManager, StyleSheet, ActivityIndicator } from 'react-native';
import { colors } from 'globalStyles';

const styles = StyleSheet.create({
  loaderContainer: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },

nim23

1. Generate self-signed certificate

keytool -genkey -alias wiremock -keyalg RSA -keysize 1024 \
    -validity 365 -keypass password -keystore identity.jks -storepass password

Important: keypass must equal storepass, or else you'll receive java.io.IOException: !JsseListener: java.security.UnrecoverableKeyException: Cannot recover key

2. Start wiremock with the new keystore and HTTPS enabled