From 8d938e4a327dd130c6963a827c3b0295da5cd01c Mon Sep 17 00:00:00 2001 From: Vjeux Date: Tue, 24 Dec 2013 06:59:20 +0100 Subject: [PATCH] Add a talks section to the docs --- _data/nav_docs.yml | 2 ++ docs/tutorial.md | 3 ++ docs/videos.md | 63 +++++++++++++++++++++++++++++++++ img/docs/javascript-jabber.png | Bin 0 -> 9611 bytes 4 files changed, 68 insertions(+) create mode 100644 docs/videos.md create mode 100644 img/docs/javascript-jabber.png diff --git a/_data/nav_docs.yml b/_data/nav_docs.yml index dd5d072dc..de48c67c3 100644 --- a/_data/nav_docs.yml +++ b/_data/nav_docs.yml @@ -4,6 +4,8 @@ title: Getting Started - id: tutorial title: Tutorial + - id: videos + title: Videos - title: Guides items: - id: why-react diff --git a/docs/tutorial.md b/docs/tutorial.md index 09257f9e8..d9ca8729c 100644 --- a/docs/tutorial.md +++ b/docs/tutorial.md @@ -2,7 +2,10 @@ id: tutorial title: Tutorial layout: docs +prev: getting-started.html +next: videos.html --- + We'll be building a simple, but realistic comments box that you can drop into a blog, similar to Disqus, LiveFyre or Facebook comments. We'll provide: diff --git a/docs/videos.md b/docs/videos.md new file mode 100644 index 000000000..2ea9a1115 --- /dev/null +++ b/docs/videos.md @@ -0,0 +1,63 @@ +--- +id: videos +title: Videos +layout: docs +permalink: videos.html +prev: tutorial.html +--- + +### Rethinking best practices - JSConf.eu + + + +"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/) + +### JavaScript Jabber + +[Pete Hunt](http://www.petehunt.net/) and [Jordan Walke](https://github.com/jordwalke) talked about React in JavaScript Jabber 73. +
[![](/react/img/docs/javascript-jabber.png)](http://javascriptjabber.com/073-jsj-react-with-pete-hunt-and-jordan-walke/#content)
+ +
+01:34 – Pete Hunt Introduction
+02:45 – Jordan Walke Introduction
+04:15 – React
+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 +
+ +[Read the full transcript](http://javascriptjabber.com/073-jsj-react-with-pete-hunt-and-jordan-walke/) + +### Introduction to React.js - Facebook Seattle + + + +By [Tom Occhino](http://tomocchino.com/) and [Jordan Walke](https://github.com/jordwalke) + +### Developing User Interfaces With React - Super VanJS + + + +By [Steven Luscher](https://github.com/steveluscher) + +### Introduction to React - Joe Dev on Tech + + + +by [Stoyan Stefanov](http://www.phpied.com/) + +### "fun + React + ClojureScript" - Small Talk KyivJS Meetup + + + +**In Russian** by [Alexander Solovyov](http://solovyov.net/) diff --git a/img/docs/javascript-jabber.png b/img/docs/javascript-jabber.png new file mode 100644 index 0000000000000000000000000000000000000000..8765e9388e548688bc1bfc27a1cea968395776c0 GIT binary patch literal 9611 zcmZ{J1yEeg^6#RHYl4N~1b3IkouEO3Ebg$#0*iZ)Ai*IJ2<}eM;7)LN+u#r!feKUUotdtlnn-n3d29?a3;+Ott*9WQ2>>8`d7&xLP+z`?t_l+X0Lgn> zX=!yuX=y5TSBRCZgCzi%MW6DbU3k~JxoBa zkq}BFqnU&e8O6$`RANJ0E2Bu~$lPIF?<-bya(MrE;t8(uIq?~D%W@k(ci6=OAkx`E zp~#<*0u?^8t}af=%uN3>NaDm&2n0F%d

2En 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