Skip to content

Instantly share code, notes, and snippets.

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
ericvicenti / keybase.md
Created March 8, 2016 08:58
My Cryptographic Identity

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:

-----BEGIN CERTIFICATE-----
MIIDeTCCAmGgAwIBAgIJAMkmLUzfUFKEMA0GCSqGSIb3DQEBBQUAMDExCzAJBgNV
BAYTAi4uMQowCAYDVQQIEwEuMQowCAYDVQQHEwEuMQowCAYDVQQDEwEuMB4XDTE1
MDQyNjAyMjc1OFoXDTE1MDUyNjAyMjc1OFowMTELMAkGA1UEBhMCLi4xCjAIBgNV
BAgTAS4xCjAIBgNVBAcTAS4xCjAIBgNVBAMTAS4wggEiMA0GCSqGSIb3DQEBAQUA
A4IBDwAwggEKAoIBAQC4EaxRtP9WF9aNTIFg0m+YPcyodV2YHzsnMJc83NdHaEKf
s4QXGhQ25fOg8/ypr3srUDCcM+zwqpbfWwd1x7Rkj858gIC/ksbItbYqXntNFxI8
mLYzBrBcdPzu8Q5u3zx/0i/QXfwmKV7DZ94z0K7YTaUaJ6hEdVII6FQMWqtqhTiP
6Al2xDB8E8Rc4xDPlAtzyktwmY8rDeDVggXvzTWWZ2W5z64HzxnuIxfV0nEbQwOk
lPmjRskzfVKt9Ip/eAZsjJBWWkIyChqkaQqmndorTcMNYOQPZd9imsfkHLvZwRJV
configureScene={() => ({
...Navigator.SceneConfigs.HorizontalSwipeJump,
gestures: {
jumpBack: {
...Navigator.SceneConfigs.HorizontalSwipeJump.gestures.jumpBack,
overswipe: null,
},
jumpForward: {
...Navigator.SceneConfigs.HorizontalSwipeJump.gestures.jumpForward,
overswipe: null,
#!/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
ericvicenti / gist:10620006
Created April 14, 2014 06:00
browser-side check url for image
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);
}
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,
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,
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
browserify: {
app_build: {
options: {
debug: true,
var express = require('express');
var app = new express();
app.get('/', function(req, res){
res.send('hello, world!')
});
app.listen('8000');