diff --git a/_data/nav_docs.yml b/_data/nav_docs.yml index dd5d072d..de48c67c 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 09257f9e..d9ca8729 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 00000000..2ea9a111 --- /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 00000000..8765e938 Binary files /dev/null and b/img/docs/javascript-jabber.png differ