From 23f5b4ab1dffdb5c5c7900b854fc24692499b7a9 Mon Sep 17 00:00:00 2001 From: Jeff Barczewski Date: Fri, 21 Mar 2014 07:41:06 -0500 Subject: [PATCH] add CodeWinds episode 4 w/Pete Hunt to videos Added to videos.md --- docs/videos.md | 33 +++++++++++++++++++++++++++++++++ img/docs/codewinds-004.png | Bin 0 -> 5765 bytes 2 files changed, 33 insertions(+) create mode 100644 img/docs/codewinds-004.png diff --git a/docs/videos.md b/docs/videos.md index 7f7e8713..b61d3f6e 100644 --- a/docs/videos.md +++ b/docs/videos.md @@ -13,6 +13,39 @@ next: complementary-tools.html "At Facebook and Instagram, we’re trying to push the limits of what’s possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, “re-rendering” your entire application when your data changes, and a lightweight implementation of the DOM and events." -- [Pete Hunt](http://www.petehunt.net/) + +### CodeWinds + +[Pete Hunt](http://www.petehunt.net/) talked with [Jeff Barczewski](http://jeff.barczewski.com/) about React in CodeWinds Episode 4. +
[![](/react/img/docs/codewinds-004.png)](http://codewinds.com/4)
+ +
+02:08 - What is React and why use it?
+03:08 - The symbiotic relationship of ClojureScript and React
+04:54 - The history of React and why it was created
+09:43 - Updating web page with React without using data binding
+13:11 - Using the virtual DOM to change the browser DOM
+13:57 - Programming with React, render targets HTML, canvas, other
+16:45 - Working with designers. Contrasted with Ember and AngularJS
+21:45 - JSX Compiler bridging HTML and React javascript
+23:50 - Autobuilding JSX and in browser tools for React
+24:50 - Tips and tricks to working with React, getting started
+
+27:17 - Rendering HTML on the server with Node.js. Rendering backends
+29:20 - React evolved through survival of the fittest at Facebook
+30:15 - Ideas for having state on server and client, using web sockets.
+32:05 - React-multiuser - distributed shared mutable state using Firebase
+33:03 - Better debugging with React using the state transitions, replaying events
+34:08 - Differences from Web Components
+34:25 - Notable companies using React
+35:16 - Could a React backend plugin be created to target PDF?
+36:30 - Future of React, what's next?
+39:38 - Contributing and getting help
+
+ +[Read the episode notes](http://codewinds.com/4) + + ### JavaScript Jabber [Pete Hunt](http://www.petehunt.net/) and [Jordan Walke](https://github.com/jordwalke) talked about React in JavaScript Jabber 73. diff --git a/img/docs/codewinds-004.png b/img/docs/codewinds-004.png new file mode 100644 index 0000000000000000000000000000000000000000..192841b709b7b9b4202138aba221ebd36870cda0 GIT binary patch literal 5765 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 Dp#mau literal 0 HcmV?d00001