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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
open ReactNative; | |
type targetDimensions = { | |
x: float, | |
y: float, | |
width: float, | |
height: float | |
}; | |
type _state = { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
The HIT License (HIT) | |
Copyright (c) 2017 Ken Wheeler | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is | |
furnished to do so, subject to the following conditions: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); |
This file has been truncated, but you can view the full file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
❯ 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"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"use strict"; | |
module.exports = { | |
destination: { | |
default: function (data) { | |
return data.packageName; | |
} | |
}, | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
type floatPointType = {x: float, y: float}; | |
type intPointType = {x: int, y: int}; | |
type wCoordType = | |
| WCoord floatPointType; | |
type gCoordType = | |
| GCoord intPointType; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
React Europe Talk | |
# Cross Platform Charting With React & React Native | |
Ken Wheeler | ken_wheeler | |
*** | |
 | |
*** |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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 |