Skip to content

rnuilib-snippets extension - updating snippets #2377

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Dec 15, 2022
Merged

rnuilib-snippets extension - updating snippets #2377

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
918bbdc
rnuilib snippets - update snippets and readme file
Inbal-Tish Dec 13, 2022
b5925b6
snippet generator - create snippet only if component has a code snippet
Inbal-Tish Dec 13, 2022
9dad6b4
Merge branch 'master' of github.com:wix/react-native-ui-lib into infr…
Inbal-Tish Dec 14, 2022
39ab7ca
updating after master merge
Inbal-Tish Dec 14, 2022
2f67459
format file
Inbal-Tish Dec 14, 2022
e4ed9d7
fix Timeline snippet
Inbal-Tish Dec 14, 2022
f5c209a
fix
Inbal-Tish Dec 14, 2022
6d77ff3
Merge branches 'infra/snippets-update' and 'master' of github.com:wix…
Inbal-Tish Dec 14, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 9 additions & 2 deletions extensions/rnuilib-snippets/CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,14 @@

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

## [1.0.3]
- Updating snippets and README file.

## [1.0.0]
## [1.0.2]
- Updating snippets.

## [1.0.1]
- Updating snippets.

- Initial release of rnuilib-snippets extension.
## [1.0.0]
- Initial release of rnuilib-snippets extension.
15 changes: 9 additions & 6 deletions extensions/rnuilib-snippets/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,25 @@
# rnuilib-snippets
-------------------

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

## How to use

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.
Using the tab key you can navigate through the fields to enter your values.
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.
⚠️ Make sure the 'snippet suggestion' option in your user settings is set to 'top' for better visibility.

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

Also, type 'rnuilib' and get the rnuilib import - `import {} from 'react-native-ui-lib'` - necessary to import the rnuilib components.

See video:

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

## Requirements

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
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


**Enjoy!**
4 changes: 3 additions & 1 deletion extensions/rnuilib-snippets/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,14 @@
"url": "https://github.com/wix/react-native-ui-lib"
},
"icon": "assets/icon.png",
"version": "1.0.2",
"version": "1.0.3",
"engines": {
"vscode": "^1.64.0"
},
"keywords": [
"react-native",
"ui",
"components",
"snippets",
"javascript",
"typescript"
Expand Down
Loading