073 JSJ React with Pete Hunt and Jordan Walke

JavaScript Jabber

Episode | Podcast

Date: Fri, 30 Aug 2013 11:00:00 +0000

<div class="trix-content"> <div>Panel</div><pre>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) <br /></pre><div>Discussion<br /> 01:34 - Pete Hunt Introduction</div><pre>Instagram Facebook <br /></pre><div>02:45 - Jordan Walke Introduction<br /> 04:15 - React</div><pre>React - GitHub <br /></pre><div>06:38 - 60 Frames Per Second<br /> 09:34 - Data Binding<br /> 12:31 - Performance<br /> 17:39 - Diffing Algorithm<br /> 19:36 - DOM Manipulation<br /> 23:06 - Supporting node.js<br /> 24:03 - rendr<br /> 26:02 - JSX<br /> 30:31 - requestAnimationFrame<br /> 34:15 - React and Applications<br /> 38:12 - React Users</div><pre>Khan Academy <br /></pre><div>39:53 - Making it work</div><div>Picks</div><pre>Ben Mabey: Clojure Plain &amp; 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) <br /></pre><div>Next Week<br /> Grunt.js with Ben Alman<br /> Transcript<br /> JAMISON:  Joe is Merrick’s personal assistant.</div><div>CHUCK:  [Laughter]</div><div>MERRICK:  No, we’re just in this little room and he had, he was like, “Yeah”</div><div>JOE:  Want me to freshen up your coffee, sir?</div><div>[Chuckles]</div><div>JAMISON:  Feed me some tacos, Joe.</div><div>[Laughter]</div><div>[Hosting and bandwidth provided by the Blue Box Group. Check them out at BlueBox.net.] </div><div>[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.] </div><div>[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.]</div><div>CHUCK:  Hey everybody and welcome to episode 73 of the JavaScript Jabber Show. This week on our panel, we have Joe Eames.</div><div>JOE:  Hey there.</div><div>CHUCK:  AJ O’Neal.</div><div>AJ:  Live again from Provo.</div><div>CHUCK:  Jamison Dance.</div><div>JAMISON:  Hey friends.</div><div>CHUCK:  Merrick Christensen.</div><div>MERRICK:  Hey guys.</div><div>CHUCK:  I’m Charles Max Wood from DevChat.TV and we have two special guests this week. Pete Hunt.</div><div>PETE:  Hey guys.</div><div>CHUCK:  And Jordan Walke.</div><div>JORDAN:  Hi.</div><div>CHUCK:  Since you guys haven’t been on the show before, do you want to introduce yourselves? We’ll have Pete go first.</div><div>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.</div><div>JAMISON:  So did you come from Instagram or from Facebook and then to work on Instagram?</div><div>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 tech... Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy