-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathkeynotes.html
78 lines (73 loc) · 2.67 KB
/
keynotes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" />
<title>React workshop - key notes</title>
</head>
<body>
<h2>Пререквизиты</h2>
<ul>
<li>Internet connection</li>
<li>Git - choco install git.install</li>
<li>Browser</li>
<li>Node + NPM - choco install nodejs.install</li>
<li>Grunt - npm install -g grunt-cli</li>
<li>Yeoman - npm install -g yo</li>
<li>IDE</li>
</ul>
<h2>Что такое React</h2>
<ul>
<li>Чистый View для UI</li>
<li><a href="http://facebook.github.io/react" target="_blank">http://facebook.github.io/react</a></li>
<li><a href="https://github.com/facebook/react" target="_blank">https://github.com/facebook/react</a></li>
<li><a href="http://jsbin.com" target="_blank">JSBin</a> - Hello World</li>
<li>props, state, mixins</li>
<li>event delegation, method binding</li>
</ul>
<h2>Где найти компоненты</h2>
<ul>
<li>
<a href="https://github.com/facebook/react/wiki/Complementary-Tools#ui-components">Facebook's list of
complementary tools</a>
</li>
<li><a href="http://react.rocks/">React rocks - список демо, приложений и компонентов на React</a></li>
</ul>
<h2>Шаблоны проектов на React</h2>
<ul>
<li><a href="http://facebook.github.io/react/downloads/react-0.12.2.zip">Facebook Starter Kit</a></li>
<li>Raw</li>
<li>
RequireJS/QUnit<br />
Yeoman + generator-requirejs<br />
https://github.com/victor-homyakov/workshop-react-requirejs-project
</li>
<li>
Webpack<br />
<a href="https://github.com/webpack/react-starter" target="_blank">webpack / react-starter</a>
</li>
<li>
Webpack/Grunt/Karma<br />
Yeoman + <a href="https://github.com/newtriks/generator-react-webpack"
target="_blank">generator-react-webpack</a><br />
https://github.com/victor-homyakov/workshop-react-webpack
</li>
</ul>
<h2>Сферическое приложение в вакууме</h2>
<ul>
<li>
<a href="https://github.com/victor-homyakov/workshop-react-webpack"
target="_blank">https://github.com/victor-homyakov/workshop-react-webpack</a>
</li>
<li>
Компоненты:<br />
react-router<br />
<a href="http://react-bootstrap.github.io/components.html" target="_blank">react-bootstrap</a><br />
react-router-bootstrap<br />
<code>npm install --save react-router react-bootstrap react-router-bootstrap</code>
</li>
<li>contenteditable</li>
<li>drag & drop - mouse events</li>
<li>drag & drop - drag events</li>
</ul>
</body>
</html>