kenwheeler

###SLIDE 0 Hi, my name is Ken Wheeler, I work at Formidable and I’m here to talk about building the Walmart IOS pharmacy in React. Before I get down to brass tacks, I’d like to speak briefly about how we got to this point.

###SLIDE 1 Walmart loves React. We have React in production right now, and we are in the middle of switching most tracks on Walmart.com to React. It has been working great for us.

###SLIDE 2 We developed an internal platform called Electrode, where we have all of the UI components on Walmart.com built as React components. Previously, we had seen developers building the same UI components over and over again, and React has given us the opportunity to only build these components once and reuse them all over the place.

So I was asked if I wanted to take a crack at converting a portion of the mobile application to React Native, and I was like what are you kidding me, of course I do. Me and a small team spent the next few months building the Pharmacy in react native and it has been downright

kenwheeler

// thunk
export function save(filename, notebook) {
  return (subject) => {
    // If there isn't a filename, save-as it instead
    if (!filename) {
      throw new Error('save needs a filename');
    }

    subject.next({
      type: constants.START_SAVING,

kenwheeler

vim-thug-mode

So you want your vim to be straight up aquafina polar bear status? That maraschino cherry gold plated butterscotch library book shit?

Well iight den. Do this.

1. Holla at your .vimrc/.nvimrc file, and put these plugins in:

Plugin 'pangloss/vim-javascript'

kenwheeler

// Slide 1
My name is Ken Wheeler, I work at Formidable and I’m here to talk about charts. Specifically, creating charts with React & React Native

// Slide 2
At formidable, we’ve historically done our data viz with d3. Then this hot new super cool “view library” called React came out, and it was time to figure out how to built our charts in its ecosystem.

// Slide 3
Naturally, we wanted to continue using d3, so we had to figure out how to integrate it with React. There are two main ways to do this.

// Slide 4

kenwheeler

React Europe Talk

# Cross Platform Charting With React & React Native
Ken Wheeler | ken_wheeler

***

![Pyramid Graphic](http://i.imgur.com/NPYu64W.png)

***

kenwheeler

My year in open source at Formidable

In this talk Ken Wheeler will detail his year in open source at Formidable. During the past year he has created libraries like Spectacle, react-music & react-game-kit, and worked on libraries such as Victory and Spectacle Editor. He will be showing demos of the fun stuff they are building at Formidable and speaking to what we can expect from them in the future.

kenwheeler

type floatPointType = {x: float, y: float};

type intPointType = {x: int, y: int};

type wCoordType =
  | WCoord floatPointType;

type gCoordType =
  | GCoord intPointType;

kenwheeler

"use strict";

module.exports = {

  destination: {
    default: function (data) {
      return data.packageName;
    }
  },
  

kenwheeler

❯ npm run diff

> [email protected] diff /Users/kenwheeler/Projects/formidable.com-aws
> diff -Naur site-old site || true

diff -Naur site-old/open-source/builder/index.html site/open-source/builder/index.html
--- site-old/open-source/builder/index.html	2016-11-01 13:30:32.000000000 -0400
+++ site/open-source/builder/index.html	2016-11-30 17:36:50.000000000 -0500
@@ -18,7 +18,7 @@
   <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.4.1/themes/prism.min.css" rel="stylesheet" type="text/css">

kenwheeler

var player = require('play-sound')((opts = {}));
var path = require('path');

function JeopardyPlugin(options) {}

JeopardyPlugin.prototype.apply = function(compiler) {
  var audio;
  compiler.plugin('compile', function() {
    var build = path.join(process.cwd(), '/configuration/webpack/jeopardy.mp3');
    audio = player.play(build);