[docs] Videos: use https, right width videos
I also added some <hr>s in there, which helps a little bit with spacing.
Paul O’Shannessy committed
Mar 23, 2015 at 11:38 UTC
21221e0376ecb2abb425b6f85200b3df509af02b
1 file changed
+37
-12
docs/docs/videos.md
+37
-12
@@ -8,29 +8,33 @@ next: complementary-tools.html
8
9
### Rethinking best practices - JSConf.eu
10
11
-<iframe width="650" height="315" src="//www.youtube.com/embed/x7cQ3mrcKaY" frameborder="0" allowfullscreen></iframe>
11
+<iframe width="650" height="366" src="https://www.youtube.com/embed/x7cQ3mrcKaY" frameborder="0" allowfullscreen></iframe>
12
13
"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/)
14
15
+* * *
16
17
### Thinking in react - tagtree.tv
18
19
A [tagtree.tv](http://tagtree.tv/) video conveying the principles of [Thinking in React](/react/docs/thinking-in-react.html) while building a simple app
20
<figure>[](http://tagtree.tv/thinking-in-react)</figure>
21
22
+* * *
23
24
### Secrets of the Virtual DOM - MtnWest JS
25
24
-<iframe width="560" height="315" src="//www.youtube.com/embed/h3KksH8gfcQ" frameborder="0" allowfullscreen></iframe>
26
+<iframe width="650" height="366" src="https://www.youtube.com/embed/h3KksH8gfcQ" frameborder="0" allowfullscreen></iframe>
27
28
"In this talk I’ll be discussing why we built a virtual DOM, how it compares to other systems, and its relevance to the future of browser technologies." -- [Pete Hunt](http://www.petehunt.net/)
29
30
+* * *
31
32
### Going big with React ###
33
34
"On paper, all those JS frameworks look promising: clean implementations, quick code design, flawless execution. But what happens when you stress test Javascript? What happens when you throw 6 megabytes of code at it? In this talk, we'll investigate how React performs in a high stress situation, and how it has helped our team build safe code on a massive scale."
35
<figure>[](https://skillsmatter.com/skillscasts/5429-going-big-with-react#video)</figure>
36
37
+* * *
38
39
### CodeWinds
40
@@ -63,6 +67,7 @@ A [tagtree.tv](http://tagtree.tv/) video conveying the principles of [Thinking i
67
68
[Read the episode notes](http://codewinds.com/4)
69
70
+* * *
71
72
### JavaScript Jabber
73
@@ -90,59 +95,79 @@ A [tagtree.tv](http://tagtree.tv/) video conveying the principles of [Thinking i
95
96
[Read the full transcript](http://javascriptjabber.com/073-jsj-react-with-pete-hunt-and-jordan-walke/)
97
98
+* * *
99
+
100
### Introduction to React.js - Facebook Seattle
101
95
-<iframe width="650" height="315" src="//www.youtube.com/embed/XxVg_s8xAms" frameborder="0" allowfullscreen></iframe>
102
+<iframe width="650" height="366" src="https://www.youtube.com/embed/XxVg_s8xAms" frameborder="0" allowfullscreen></iframe>
103
104
By [Tom Occhino](http://tomocchino.com/) and [Jordan Walke](https://github.com/jordwalke)
105
106
+* * *
107
+
108
### Backbone + React + Middleman Screencast
100
-<iframe width="650" height="315" src="//www.youtube.com/embed/iul1fWHVU6A" frameborder="0" allowfullscreen></iframe>
109
+<iframe width="650" height="488" src="https://www.youtube.com/embed/iul1fWHVU6A" frameborder="0" allowfullscreen></iframe>
110
111
Backbone is a great way in interface a REST API with React. This screencast shows how to integate the two using [Backbone-React-Component](https://github.com/magalhas/backbone-react-component). Middleman is the framework used in this example but could easily be replaced with other frameworks. A supported template of this can be found [here](https://github.com/jbhatab/middleman-backbone-react-template). -- [Open Minded Innovations](http://www.openmindedinnovations.com/)
112
113
+* * *
114
+
115
### Developing User Interfaces With React - Super VanJS
116
106
-<iframe width="650" height="315" src="//www.youtube.com/embed/1OeXsL5mr4g" frameborder="0" allowfullscreen></iframe>
117
+<iframe width="650" height="366" src="https://www.youtube.com/embed/1OeXsL5mr4g" frameborder="0" allowfullscreen></iframe>
118
119
By [Steven Luscher](https://github.com/steveluscher)
120
121
+* * *
122
+
123
### Introduction to React - LAWebSpeed meetup
124
112
-<iframe width="650" height="315" src="//www.youtube.com/embed/SMMRJif5QW0" frameborder="0" allowfullscreen></iframe>
125
+<iframe width="650" height="366" src="https://www.youtube.com/embed/SMMRJif5QW0" frameborder="0" allowfullscreen></iframe>
126
127
by [Stoyan Stefanov](http://www.phpied.com/)
128
129
+* * *
130
+
131
### React, or how to make life simpler - FrontEnd Dev Conf '14
132
118
-<iframe width="560" height="315" src="//www.youtube.com/embed/YJNUK0EA_Jo" frameborder="0" allowfullscreen></iframe>
133
+<iframe width="650" height="366" src="https://www.youtube.com/embed/YJNUK0EA_Jo" frameborder="0" allowfullscreen></iframe>
134
135
**In Russian** by [Alexander Solovyov](http://solovyov.net/)
136
137
+* * *
138
+
139
### "Functional DOM programming" - Meteor DevShop 11
140
124
-<iframe width="650" height="315" src="//www.youtube.com/embed/qqVbr_LaCIo" frameborder="0" allowfullscreen></iframe>
141
+<iframe width="650" height="366" src="https://www.youtube.com/embed/qqVbr_LaCIo" frameborder="0" allowfullscreen></iframe>
142
+
143
+* * *
144
145
### "Rethinking Web App Development at Facebook" - Facebook F8 Conference 2014
146
128
-<iframe width="650" height="315" src="//www.youtube.com/embed/nYkdrAPrdcw" frameborder="0" allowfullscreen></iframe>
147
+<iframe width="650" height="366" src="https://www.youtube.com/embed/nYkdrAPrdcw" frameborder="0" allowfullscreen></iframe>
148
+
149
+* * *
150
151
### React and Flux: Building Applications with a Unidirectional Data Flow - Forward JS 2014
152
132
-<iframe width="650" height="315" src="//www.youtube.com/embed/i__969noyAM" frameborder="0" allowfullscreen></iframe>
153
+<iframe width="650" height="366" src="https://www.youtube.com/embed/i__969noyAM" frameborder="0" allowfullscreen></iframe>
154
155
Facebook engineers [Bill Fisher](http://twitter.com/fisherwebdev) and [Jing Chen](http://twitter.com/jingc) talk about Flux and React, and how using an application architecture with a unidirectional data flow cleans up a lot of their code.
156
157
+* * *
158
+
159
### Server-Side Rendering of Isomorphic Apps at SoundCloud
160
138
-<iframe src="//player.vimeo.com/video/108488724" width="500" height="281" frameborder="0" allowfullscreen></iframe>
161
+<iframe src="https://player.vimeo.com/video/108488724" width="650" height="365" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
162
163
Walk-through by [Andres Suarez](https://github.com/zertosh) on how [SoundCloud](https://developers.soundcloud.com/blog/) is using React and Flux for server-side rendering.
164
165
[Slides and sample code](https://github.com/zertosh/ssr-demo-kit)
166
167
+* * *
168
+
169
### Introducing React Native (+Playlist) - React.js Conf 2015
170
146
-<iframe width="650" height="315" src="//www.youtube.com/watch?v=KVZ-P-ZI6W4&index=1&list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr" frameborder="0" allowfullscreen></iframe>
171
+<iframe width="650" height="366" src="https://www.youtube.com/embed/KVZ-P-ZI6W4?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr" frameborder="0" allowfullscreen></iframe>
172
173
[Tom Occhino](https://twitter.com/tomocchino) reviews the past and present of React in 2015, and teases where it's going next.