Panel

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)

Discussion

01:34 – Pete Hunt Introduction

Instagram Facebook

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

Picks

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) MLS LIVE (Joe) 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

Transcript

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?

[Chuckles]

JAMISON: Feed me some tacos, Joe.

[Laughter] [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.

JORDAN: Hi.

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?