ericvicenti

Intro To React

Today we will walk through the creation of our first React web app!

Why React

Coming Soon

Create your first app

First you'll need node.js and a JavaScript editor like atom.

ericvicenti

Keybase proof

I hereby claim:

• I am ericvicenti on github.
• I am ericvicenti (https://keybase.io/ericvicenti) on keybase.
• I have a public key whose fingerprint is 5490 3C94 CAEC 5EA4 A2F2 C010 0112 362F 6936 95E4

To claim this, I am signing this object:

ericvicenti

-----BEGIN CERTIFICATE-----
MIIDeTCCAmGgAwIBAgIJAMkmLUzfUFKEMA0GCSqGSIb3DQEBBQUAMDExCzAJBgNV
BAYTAi4uMQowCAYDVQQIEwEuMQowCAYDVQQHEwEuMQowCAYDVQQDEwEuMB4XDTE1
MDQyNjAyMjc1OFoXDTE1MDUyNjAyMjc1OFowMTELMAkGA1UEBhMCLi4xCjAIBgNV
BAgTAS4xCjAIBgNVBAcTAS4xCjAIBgNVBAMTAS4wggEiMA0GCSqGSIb3DQEBAQUA
A4IBDwAwggEKAoIBAQC4EaxRtP9WF9aNTIFg0m+YPcyodV2YHzsnMJc83NdHaEKf
s4QXGhQ25fOg8/ypr3srUDCcM+zwqpbfWwd1x7Rkj858gIC/ksbItbYqXntNFxI8
mLYzBrBcdPzu8Q5u3zx/0i/QXfwmKV7DZ94z0K7YTaUaJ6hEdVII6FQMWqtqhTiP
6Al2xDB8E8Rc4xDPlAtzyktwmY8rDeDVggXvzTWWZ2W5z64HzxnuIxfV0nEbQwOk
lPmjRskzfVKt9Ip/eAZsjJBWWkIyChqkaQqmndorTcMNYOQPZd9imsfkHLvZwRJV

ericvicenti

configureScene={() => ({
  ...Navigator.SceneConfigs.HorizontalSwipeJump,
  gestures: {
    jumpBack: {
      ...Navigator.SceneConfigs.HorizontalSwipeJump.gestures.jumpBack,
      overswipe: null,
    },
    jumpForward: {
      ...Navigator.SceneConfigs.HorizontalSwipeJump.gestures.jumpForward,
      overswipe: null,

ericvicenti

#!/usr/bin/env node

var db = require('level')(__dirname + '/.hig');
var diff = require('diff');
var fs = require('fs');
var isBinary = require('is-binary');
var md5_file = require('md5-file').async;
var md5 = require('MD5');
var path = require('path');
var program = require('commander');

ericvicenti

module.exports = function checkUrlForImage(url, cb) {
  var doc = window.document;
  var img = doc.createElement('img');
  img.onload = function() { cb(true); }
  img.onerror = function() { cb(false); }
  img.setAttribute('src', url);
}

ericvicenti

curl 'https://pdx.trap.it/api/v3/pdx/traps/df58cc76490a44ffa9868e4935c6f00c/slings-in/?pretty=true' -H 'Authorization: Basic M2NjY2RiMjNiMzY2NGE1ZTk3YTg5ZmU5ODE5Y2EzNjc6ODg5NGFkNzVmNjFiNDM4ODg5N2Y3NTMwZTJmZmUzODI='

{
  "records": [
    {
      "forced": [], 
      "from": {
        "type": "bundle", 
        "entity": {
          "use_search_highlights": null, 

ericvicenti

curl 'https://pdx.trap.it/api/v3/pdx/traps/df58cc76490a44ffa9868e4935c6f00c/slings-in/?pretty=true' -H 'Authorization: Basic M2NjY2RiMjNiMzY2NGE1ZTk3YTg5ZmU5ODE5Y2EzNjc6ODg5NGFkNzVmNjFiNDM4ODg5N2Y3NTMwZTJmZmUzODI='

{
  "records": [
    {
      "forced": [], 
      "from": {
        "type": "bundle", 
        "entity": {
          "use_search_highlights": null, 

ericvicenti

module.exports = function(grunt) {
 
  grunt.initConfig({
 
    pkg: grunt.file.readJSON('package.json'),
 
    browserify: {
      app_build: {
        options: {
          debug: true,

ericvicenti

var express = require('express');

var app = new express();

app.get('/', function(req, res){
  res.send('hello, world!')
});

app.listen('8000');