blob: 39d60ed2b0fe680a6f263f0c839e4b38e64d6fc2 (
plain)
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
|
# BITMASK API
https://0xacab.org/leap/leap_pycommon/blob/develop/src/leap/common/events/catalog.py
https://github.com/rofrischmann/react-layout-components/blob/develop/modules/components/Box.jsx
https://github.com/tastejs/todomvc/tree/master/examples
ES6
https://github.com/DrkSephy/es6-cheatsheet
http://egorsmirnov.me/2015/06/14/react-and-es6-part2.html
React component examples
https://github.com/Khan/perseus/tree/master/src/components
https://react.parts/web
Props versus States
https://github.com/uberVU/react-guide/blob/master/props-vs-state.md
Localization
https://github.com/martinandert/counterpart
http://www.localeplanet.com/
Flexbox
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
Style
Flat/Low Saturation visual language: https://www.youtube.com/watch?v=jAhjPd4uNFY
testing
-----------------------------------------
https://github.com/airbnb/enzyme
webpack
------------------------------------------
https://github.com/webpack/docs/wiki/optimization
https://github.com/rauschma/webpack-es6-demo
https://github.com/shakacode/react-webpack-rails-tutorial
https://stackoverflow.com/questions/27639005/how-to-copy-static-files-to-build-directory-with-webpack#27651720
react ui components
--------------------------------------------
material design
material-ui
http://www.material-ui.com
materialize
materialize looks to have the best css
https://react-materialize.github.io
http://materializecss.com
mui
https://www.muicss.com
react-material
react-polymer
elemental
http://elemental-ui.com/
react-only toolkit
foundation
used by pixelated user agent
grommet.io
topcoat
react-topui
belle
"configurable react components with great UX"
use belle or bootstrap theme
nikgraf.github.com/belle
react-islands
react implementation of yandex's islands design
github.com/narqo/react-islands
Pivotol UI
react ui components styles for the Pivotal brand
http://styleguide.pivotal.io
react
------------------------
react with es6 classes:
https://facebook.github.io/react/docs/reusable-components.html#es6-classes
redux
-----------------
http://redux.js.org/
https://github.com/reactjs/redux
Redux is a predictable state container for JavaScript apps.
functional programming
oop with redux
https://github.com/newtoncodes/react-redux-oop
https://github.com/ddsol/redux-schema
boilerplates
https://github.com/markerikson/react-redux-links/blob/master/boilerplates-and-starter-kits.md
https://github.com/tsaiDavid/simple-redux-boilerplate
ec6
------------------
http://frontendjournal.com/javascript-es6-learn-important-features-in-a-few-minutes/
https://www.infoq.com/news/2015/03/react-es6-classes
https://github.com/google/traceur-compiler/wiki/Getting-Started
http://www.developerdrive.com/2011/08/top-10-must-follow-javascript-best-practices-2/
react templates
---------------------------------
https://wix.github.io/react-templates/
Toolchain
-------------------
processors
traceur
babel
front-end package management
bower - https://bower.io/
component
npm + browserify
http://browserify.org/
and many others
https://github.com/wilmoore/frontend-packagers
module builder
browserify
webpack
testing framework
https://github.com/karma-runner/karma
full frameworks
------------------------
http://aurelia.io/
watcherify
----------------------------
#!/bin/bash
watchify client/main.js -o public/bundle.js -dv &
nodemon --exec npm run babel-node -- app.js
|
