Skip to content

Commit c374371

Browse files
authored
rnuilib-snippets extension - updating snippets (#2377)
* rnuilib snippets - update snippets and readme file * snippet generator - create snippet only if component has a code snippet * updating after master merge * format file * fix Timeline snippet * fix
1 parent d23227f commit c374371

File tree

5 files changed

+220
-110
lines changed

5 files changed

+220
-110
lines changed

extensions/rnuilib-snippets/CHANGELOG.md

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,14 @@
22

33
All notable changes to the "rnuilib-snippets" extension will be documented in this file.
44

5+
## [1.0.3]
6+
- Updating snippets and README file.
57

6-
## [1.0.0]
8+
## [1.0.2]
9+
- Updating snippets.
10+
11+
## [1.0.1]
12+
- Updating snippets.
713

8-
- Initial release of rnuilib-snippets extension.
14+
## [1.0.0]
15+
- Initial release of rnuilib-snippets extension.

extensions/rnuilib-snippets/README.md

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,25 @@
11
# rnuilib-snippets
2+
-------------------
23

3-
This extension provides code snippets for `react-native-ui-lib`'s components for Vs Code editor.
4-
It supports JavaScript and TypeScript, ReactJavaScript and ReactTypeScript.
4+
This extension provides code snippets for `react-native-ui-lib`'s components for VS Code editor.
5+
The extension supports JavaScript and TypeScript, ReactJavaScript and ReactTypeScript.
56

67
## How to use
78

8-
After installing this extension you can generate a code snippet by simply typing a component's name (camelCase) and see the option in the suggestion tooltip.
9-
Using the tab key you can navigate through the fields to enter your values.
9+
After installing the extension you can generate a code snippet by simply typing a component's name (camelCase) and see the option in the suggestions tooltip.
10+
⚠️ Make sure the 'snippet suggestion' option in your user settings is set to 'top' for better visibility.
1011

11-
Also, type `rnuilib` and get the uilib import - `import {} from 'react-native-ui-lib'` - to import the components.
12+
Using the 'tab' key you can navigate through the component's fields to enter your own values.
13+
14+
Also, type 'rnuilib' and get the rnuilib import - `import {} from 'react-native-ui-lib'` - necessary to import the rnuilib components.
1215

1316
See video:
1417

1518
![Extension usage](./assets/usage.gif)
1619

1720
## Requirements
1821

19-
This extension generate code for `react-native-ui-lib`'s components. `react-native-ui-lib` should be installed as a dependency to your projects. See: https://github.com/wix/react-native-ui-lib#installing
22+
This extension generate code for `react-native-ui-lib`'s components. `react-native-ui-lib` should be installed as a dependency to your projects. See: https://wix.github.io/react-native-ui-lib/docs/getting-started/setup
2023

2124

2225
**Enjoy!**

extensions/rnuilib-snippets/package.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,14 @@
1010
"url": "https://github.com/wix/react-native-ui-lib"
1111
},
1212
"icon": "assets/icon.png",
13-
"version": "1.0.2",
13+
"version": "1.0.3",
1414
"engines": {
1515
"vscode": "^1.64.0"
1616
},
1717
"keywords": [
1818
"react-native",
19+
"ui",
20+
"components",
1921
"snippets",
2022
"javascript",
2123
"typescript"

0 commit comments

Comments
 (0)