Skip to content

Commit e15d51a

Browse files
jeantimexjeantimex
committed
Added installation messages.
1 parent 8838467 commit e15d51a

File tree

5 files changed

+133
-32
lines changed

5 files changed

+133
-32
lines changed

‎README.md‎

Lines changed: 20 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,28 @@ Feeling bored with typing or even copying React codes to write React components
44

55
The snippets follow JavaScript ES6 syntax, we don't use the old `React.createClass({...})` anymore, we write class component and functional component. Also we provide snippets to quickly write React Lifecycle functions (e.g. `componentDidMount`).
66

7-
**Latest Updates (June 27, 2016)**
8-
* Added to [Package Control](https://packagecontrol.io/packages/React%20Development%20Snippets)! Thank you so much [FichteFoll](https://github.com/FichteFoll)!
9-
* Fix **Component Will Mount** snippet command
7+
## Installation ##
8+
9+
### Use Package Control ###
10+
11+
* Make sure you have [Package Manager](https://packagecontrol.io/installation) installed
12+
* Launch the command palette: `⌘+shift+p` on MacOS, `ctrl+shift+p` on Windows
13+
* Type `install`, select `Package Control: Install Package`
14+
* Type `React`, select `React Development Snippets`
15+
16+
### Without Package Control ###
17+
18+
Navigate to your Sublime Text packages folder and git clone our project.
1019

11-
**Updates (June 14, 2016)**
12-
* Rename our project to **React Development Snippets**
20+
#### MacOS ####
21+
"/Users/{user}/Library/Application Support/Sublime Text {2|3}/Packages"
1322

14-
**Updates (May 22, 2016)**
15-
* Reorganized folder structure and grouped snippets to: React, Redux and Test
16-
* Added Redux related snippets to help you write actions, reducers and redux components faster
17-
* Added `<FormattedMessage />` snippet
23+
#### Windows ####
24+
"C:\Users\{user}\AppData\Roaming\Sublime Text {2|3}\Packages"
25+
26+
```
27+
git clone https://github.com/jeantimex/react-sublime-snippet.git "React-Development-Snippets"
28+
```
1829

1930
## Snippets ##
2031

@@ -334,29 +345,6 @@ it('should ${1:...}', () => {
334345
import ${1:Package} from '${2:path}';
335346
```
336347

337-
## Installation ##
338-
339-
### Use Package Control ###
340-
341-
* Make sure you have [Package Manager](https://packagecontrol.io/installation) installed
342-
* Launch the command palette: `⌘+shift+p` on MacOS, `ctrl+shift+p` on Windows
343-
* Type `install`, select `Package Control: Install Package`
344-
* Type `React`, select `React Development Snippets`
345-
346-
### Without Package Control ###
347-
348-
Navigate to your Sublime Text packages folder and git clone our project.
349-
350-
#### MacOS ####
351-
"/Users/{user}/Library/Application Support/Sublime Text {2|3}/Packages"
352-
353-
#### Windows ####
354-
"C:\Users\{user}\AppData\Roaming\Sublime Text {2|3}\Packages"
355-
356-
```
357-
git clone https://github.com/jeantimex/react-sublime-snippet.git "React-Development-Snippets"
358-
```
359-
360348
## Authors
361349

362350
* **Yong Su** - *Box Inc.* - [jeantimex](https://github.com/jeantimex)

‎messages.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"install": "messages/install.txt",
3+
"3.0.1": "messages/3.0.1.txt"
4+
}

‎messages/3.0.1.txt‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
Package Control Messages
2+
========================
3+
4+
React Development Snippets:
5+
---
6+
7+
## New Features
8+
9+
1. Added to Package Control! Thank you so much FichteFoll!
10+
2. Fix Component Will Mount snippet command
11+
3. Reorganized folder structure and grouped snippets to: React, Redux and Test
12+
4. Added `<FormattedMessage />` snippet
13+
14+
Support
15+
----
16+
17+
To learn more about the features, please visit
18+
https://github.com/jeantimex/react-sublime-snippet
19+
20+
If you are having trouble, please contact me at [email protected]

‎messages/3.0.2.txt‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
Package Control Messages
2+
========================
3+
4+
React Development Snippets:
5+
---
6+
7+
## New Features
8+
9+
1. Snippet command should match snippet name, i.e., `rcdu` => Component Did Mount
10+
2. Functional Component is cleaner with one-liner prop.
11+
12+
Support
13+
----
14+
15+
To learn more about the features, please visit
16+
https://github.com/jeantimex/react-sublime-snippet
17+
18+
If you are having trouble, please contact me at [email protected]

‎messages/install.txt‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
Package Control Messages
2+
========================
3+
4+
React Development Snippets:
5+
---
6+
7+
Thanks for installing Sublime React Development Snippets! Below are some quick notes
8+
to get you started with the plugin.
9+
10+
Please see https://github.com/jeantimex/react-sublime-snippet for the full documentation.
11+
12+
13+
----------------------------------------------------------------------------------
14+
About the Snippets
15+
----------------------------------------------------------------------------------
16+
17+
React Development Snippets is for React developers like you, it helps you write React
18+
components, functions, tests faster.
19+
20+
To use the snippets, make sure you are editting a .js file, type `r`, you should see
21+
a list of snippets, choose the one you want and hit Enter.
22+
23+
----------------------------------------------------------------------------------
24+
25+
## Features
26+
27+
The React Development Snippets comes with the following snippets:
28+
29+
1. React
30+
- Class Component
31+
- Class Component with InjectIntl
32+
- Functional Component
33+
- Functional Component with InjectIntl
34+
- Component Did Mount
35+
- Component Did Update
36+
- Component Will Mount
37+
- Component Will Receive Props
38+
- Component Will Unmount
39+
- Component Will Update
40+
- Default Props
41+
- Define Messages
42+
- Formatted Message
43+
- Import
44+
- New Message
45+
- New Prop
46+
- PropTypes
47+
- Should Component Update
48+
49+
2. Redux
50+
- Action
51+
- Reducer
52+
- Redux Component
53+
54+
3. Test
55+
- Test
56+
- Test Describe
57+
- Test It
58+
59+
## Coming Soon
60+
61+
1. ES6 syntax
62+
2. More Redux snippets
63+
3. More Test snippets
64+
65+
Support
66+
----
67+
68+
To learn more about the features, please visit
69+
https://github.com/jeantimex/react-sublime-snippet
70+
71+
If you are having trouble, please contact me at [email protected]

0 commit comments

Comments
 (0)