Episode 73

073 JSJ React with Pete Hunt and Jordan Walke


August 30th, 2013

56 mins 1 sec

Your Hosts
Special Guests

About this Episode


Pete Hunt (twitter github blog)
Jordan Walke (twitter github)
Joe Eames (twitter github blog)
AJ O’Neal (twitter github blog)
Jamison Dance (twitter github blog)
Merrick Christensen (twitter github)
Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up)

01:34 - Pete Hunt Introduction


02:45 - Jordan Walke Introduction
04:15 - React

React - GitHub

06:38 - 60 Frames Per Second
09:34 - Data Binding
12:31 - Performance
17:39 - Diffing Algorithm
19:36 - DOM Manipulation
23:06 - Supporting node.js
24:03 - rendr
26:02 - JSX
30:31 - requestAnimationFrame
34:15 - React and Applications
38:12 - React Users

Khan Academy

39:53 - Making it work


Ben Mabey: Clojure Plain & Simple (Jamison)
JSConf 2013 Videos (Jamison)
Kittens (Jamison)
PBS Idea Channel (AJ)
Free Trial SSL (AJ)
OSX Wifi Volume Remote Control (AJ)
js-git (Merrick)
vim-airline (Merrick)
Seraphina by Rachel Hartman (Joe)
ng-conf (Joe)
Hire Chuck (Chuck)
GoToMeeting (Chuck)
ScreenFlow (Chuck)
syriandeveloper (Pete)
jsFiddle (Pete)
Hotel Tonight (Pete)
Green Flash Brewery Beer: Palate Wrecker (Jordan)
All Things Vim (Jordan)

Next Week
Grunt.js with Ben Alman
JAMISON:  Joe is Merrick’s personal assistant.

CHUCK:  [Laughter]

MERRICK:  No, we’re just in this little room and he had, he was like, “Yeah”

JOE:  Want me to freshen up your coffee, sir?


JAMISON:  Feed me some tacos, Joe.


[Hosting and bandwidth provided by the Blue Box Group. Check them out at BlueBox.net.] 

[This episode is sponsored by Component One, makers of Wijmo. If you need stunning UI elements or awesome graphs and charts, then go to Wijmo.com and check them out.] 

[This podcast is sponsored by JetBrains, makers of WebStorm. Whether you’re working with Node.js or building the front end of your web application, WebStorm is the tool for you. It has great code quality and code exploration tools and works with HTML5, Node, TypeScript, CoffeeScript, Harmony, LESS, Sass, Jade, JSLint, JSHint, and the Google Closure Compiler. Check it out atJjetBrains.com/WebStorm.]

CHUCK:  Hey everybody and welcome to episode 73 of the JavaScript Jabber Show. This week on our panel, we have Joe Eames.

JOE:  Hey there.

CHUCK:  AJ O’Neal.

AJ:  Live again from Provo.

CHUCK:  Jamison Dance.

JAMISON:  Hey friends.

CHUCK:  Merrick Christensen.

MERRICK:  Hey guys.

CHUCK:  I’m Charles Max Wood from DevChat.TV and we have two special guests this week. Pete Hunt.

PETE:  Hey guys.

CHUCK:  And Jordan Walke.


CHUCK:  Since you guys haven’t been on the show before, do you want to introduce yourselves? We’ll have Pete go first.

PETE:  Sure. So my name’s Pete. I work on general React stuff these days. But my day job is building the Instagram web experience. If you go to Instagram.com, we have a bunch of frontend stuff you can play with and a bunch of backend infrastructure that supports all that. That’s what I mostly work on. We’re big users of React at Instagram so I ended up contributing a lot to the React core as well.

JAMISON:  So did you come from Instagram or from Facebook and then to work on Instagram?

PETE:  Well it was actually a pretty good story just in terms of the integration of the two companies. I was originally at Facebook for a couple of years and we acquired Instagram and they came in and they wanted to build a web presence. Facebook’s core competency is definitely web technologies and Instagram hasn’t historically focused on that. So we were able to take the Facebook web expertise and get Instagram up and running really quickly. I came from the Facebook side but the team is still very much a separate team, their own building, that kind of thing. So that’s my background.

CHUCK:  Awesome.

JAMISON:  Sweet.

CHUCK:  And Jordan?