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

'use strict';
const router = require('koa-router')();
const Projects = require('../collection/projects'); //Bookshelf collection/model

router
	.get('/projects', function *() {
		this.body = yield Projects.forge().fetch();
	})
	.post('/projects', function *() {
		const project = this.request.body;

nim23

'use strict'
let wallabify = require('wallabify')
let babelify = require('babelify')
let babel = require('babel')
let es6ToEs5Preprocessor = file => babel
      .transform(file.content, {sourceMap: true, filename: file.path, stage: 2})

let wallabyPostProcessor = wallabify({
  entryPatterns: ['./src/**/*.spec.js']
},

nim23

// Welcome! require() some modules from npm (like you were using browserify)
// and then hit Run Code to run your code on the right side.
// Modules get downloaded from browserify-cdn and bundled in your browser.

const p = require('path-to-regexp')

console.log(p('/beta/search(?:([^\/]+?))', []))

nim23

// Welcome! require() some modules from npm (like you were using browserify)
// and then hit Run Code to run your code on the right side.
// Modules get downloaded from browserify-cdn and bundled in your browser.

const pathToRegexp = require('path-to-regexp')
const re = pathToRegexp('/beta/search/:term*')

console.log(re)

const result = re.exec('/beta/search/1/')

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.

---