Skip to content

Commit 7cc339c

Browse files
committed
update: reactjs snippets information
1 parent 33cc34e commit 7cc339c

File tree

37 files changed

+921
-37
lines changed

37 files changed

+921
-37
lines changed

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,7 @@ You can see all installed snippets in `Tools > Snippets...`, in the Sublime Text
7070
* (Node.js Assert) [https://nodejs.org/api/assert.html](https://nodejs.org/api/assert.html)
7171
* (Jasmine) [http://jasmine.github.io/2.0/introduction.html](http://jasmine.github.io/2.0/introduction.html)
7272
* (ReactJS cheatsheet) [http://reactcheatsheet.com/](http://reactcheatsheet.com/)
73+
* (ES6 Features) [https://github.com/lukehoban/es6features#readme](https://github.com/lukehoban/es6features#readme)
7374

7475
## Contributing
7576

snippets/js/libraries/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
# JavaScript Libraries Snippets
22

33
- [jQuery](jquery/)
4+
- [ReactJS](react/)
Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,12 @@
11
# ReactJS Snippets
22

3-
- [](/)
3+
## Prefix `jr.*`
4+
5+
- [Component](component/)
6+
- [Events](events/)
7+
- [Lifecycle](lifecycle/)
8+
- [PropTypes](prop-types/)
9+
- [ReactDOM](react-dom/)
10+
- [Spec](spec/)
11+
- [Test Utils](test-utils/)
12+
- [Top Level](top-level/)
Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,37 @@
11
## ReactJS Snippets
22

3-
### [jr.] parse
3+
### [jr.fupdate] forceUpdate
44

55
```javascript
6+
this.forceUpdate();
7+
```
8+
9+
### [jr.imounted] isMounted
10+
11+
```javascript
12+
this.isMounted();
13+
```
14+
15+
### [jr.rprops] replaceProps
16+
17+
```javascript
18+
this.replaceProps(${0});
19+
```
20+
21+
### [jr.rstate] replaceState
622

23+
```javascript
24+
this.replaceState({$0});
25+
```
26+
27+
### [jr.sprops] setProps
28+
29+
```javascript
30+
this.setProps(${0});
31+
```
32+
33+
### [jr.setstate] setState
34+
35+
```javascript
36+
this.setState({$0});
737
```
Lines changed: 206 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,206 @@
1+
## ReactJS Snippets
2+
3+
### [jr.onbl] onBlur
4+
5+
```javascript
6+
onBlur$0
7+
```
8+
9+
### [jr.onch] onChange
10+
11+
```javascript
12+
onChange$0
13+
```
14+
15+
### [jr.oncl] onClick
16+
17+
```javascript
18+
onClick$0
19+
```
20+
21+
### [jr.oncm] onContextMenu
22+
23+
```javascript
24+
onContextMenu$0
25+
```
26+
27+
### [jr.onco] onCopy
28+
29+
```javascript
30+
onCopy$0
31+
```
32+
33+
### [jr.onct] onCut
34+
35+
```javascript
36+
onCut$0
37+
```
38+
39+
### [jr.ondc] onDoubleClick
40+
41+
```javascript
42+
onDoubleClick$0
43+
```
44+
45+
### [jr.onde] onDragEnd
46+
47+
```javascript
48+
onDragEnd$0
49+
```
50+
51+
### [jr.onden] onDragEnter
52+
53+
```javascript
54+
onDragEnter$0
55+
```
56+
57+
### [jr.ondex] onDragExit
58+
59+
```javascript
60+
onDragExit$0
61+
```
62+
63+
### [jr.ondl] onDragLeave
64+
65+
```javascript
66+
onDragLeave$0
67+
```
68+
69+
### [jr.ondo] onDragOver
70+
71+
```javascript
72+
onDragOver$0
73+
```
74+
75+
### [jr.onds] onDragStart
76+
77+
```javascript
78+
onDragStart$0
79+
```
80+
81+
### [jr.ondr] onDrop
82+
83+
```javascript
84+
onDrop$0
85+
```
86+
87+
### [jr.onfo] onFocus
88+
89+
```javascript
90+
onFocus$0
91+
```
92+
93+
### [jr.onin] onInput
94+
95+
```javascript
96+
onInput$0
97+
```
98+
99+
### [jr.onkd] onKeyDown
100+
101+
```javascript
102+
onKeyDown$0
103+
```
104+
105+
### [jr.onkp] onKeyPress
106+
107+
```javascript
108+
onKeyPress$0
109+
```
110+
111+
### [jr.onku] onKeyUp
112+
113+
```javascript
114+
onKeyUp$0
115+
```
116+
117+
### [jr.onmd] onMouseDown
118+
119+
```javascript
120+
onMouseDown$0
121+
```
122+
123+
### [jr.onme] onMouseEnter
124+
125+
```javascript
126+
onMouseEnter$0
127+
```
128+
129+
### [jr.onml] onMouseLeave
130+
131+
```javascript
132+
onMouseLeave$0
133+
```
134+
135+
### [jr.onmm] onMouseMove
136+
137+
```javascript
138+
onMouseMove$0
139+
```
140+
141+
### [jr.onmo] onMouseOut
142+
143+
```javascript
144+
onMouseOut$0
145+
```
146+
147+
### [jr.onmov] onMouseOver
148+
149+
```javascript
150+
onMouseOver$0
151+
```
152+
153+
### [jr.onmu] onMouseUp
154+
155+
```javascript
156+
onMouseUp$0
157+
```
158+
159+
### [jr.onpa] onPaste
160+
161+
```javascript
162+
onPaste$0
163+
```
164+
165+
### [jr.onsc] onScroll
166+
167+
```javascript
168+
onScroll$0
169+
```
170+
171+
### [jr.onsu] onSubmit
172+
173+
```javascript
174+
onSubmit$0
175+
```
176+
177+
### [jr.ontc] onTouchCancel
178+
179+
```javascript
180+
onTouchCancel$0
181+
```
182+
183+
### [jr.onte] onTouchEnd
184+
185+
```javascript
186+
onTouchEnd$0
187+
```
188+
189+
### [jr.ontm] onTouchMove
190+
191+
```javascript
192+
onTouchMove$0
193+
```
194+
195+
### [jr.onts] onTouchStart
196+
197+
```javascript
198+
onTouchStart$0
199+
```
200+
201+
### [jr.onwh] onWheel
202+
203+
```javascript
204+
onWheel$0
205+
```
206+

snippets/js/libraries/react/lifecycle/README.md

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,42 @@
11
## ReactJS Snippets
22

3-
### [jr.] parse
3+
### [jr.cdmount] componentDidMount
4+
5+
```javascript
6+
7+
```
8+
9+
### [jr.cdupdate] componentDidUpdate
10+
11+
```javascript
12+
13+
```
14+
15+
### [jr.cwmount] componentWillMount
16+
17+
```javascript
18+
19+
```
20+
21+
### [jr.cwrprops] componentWillReceiveProps
22+
23+
```javascript
24+
25+
```
26+
27+
### [jr.cwunmount] componentWillUnmount
28+
29+
```javascript
30+
31+
```
32+
33+
### [jr.cwupdate] componentWillUpdate
34+
35+
```javascript
36+
37+
```
38+
39+
### [jr.scupdate] shouldComponentUpdate
440

541
```javascript
642

0 commit comments

Comments
 (0)