Skip to content

Commit 127b149

Browse files
committed
docs: add full examples
1 parent d90f87a commit 127b149

31 files changed

+176
-1
lines changed

CHANGELOG.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22

33
All notable changes to the "vscode-js-ts-react-nextjs-snippets" extension will be documented in this file.
44

5+
## 1.13.0 <small>- 2022/09/14</small>
6+
7+
- Added React.lazy snippet (`_rLazy`)
8+
- Added [React Router](https://reactrouter.com/) snippets
9+
- Improved documentation! [Full Examples](./snippets.md) are now available 🥳
10+
511
## 1.12.0 <small>- 2022/09/07</small>
612

713
- Improved JSON stringify/parse wrapper-snippet

README.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ For TypeScript snippets:
2323
- Check React snippets using `$r`
2424
- Check [Next.js](https://nextjs.org/) snippets using `$n`
2525
- Check [React Native](https://reactnative.dev/) snippets using `$rn`
26+
- Check [React Router](https://reactrouter.com/) snippets using `$rou`
2627
- Check [React Query](https://react-query.tanstack.com/) snippets using `$rq`
2728
- Check [SWR](https://swr.vercel.app/) snippets using `$swr`
2829
- Check [Redux](https://react-redux.js.org/) snippets using `$rx`
@@ -32,6 +33,8 @@ For TypeScript snippets:
3233
- Check [Emotion CSS](https://emotion.sh/docs/introduction) snippets using `$emo`
3334
- Check wrapper-snippets using `$_`
3435

36+
### 👉 [See All Available Snippets Here!](./snippets.md) 👈
37+
3538
## Examples
3639

3740
![Next.js snippet](./images/snippet-next-js.gif)
@@ -56,7 +59,7 @@ Select text and copy it 📋 write snippet and boom! 🪄💥
5659

5760
## Why There Are No Snippet for Import? 🤔
5861

59-
Because you might not need that. VSCode has built-in feature for auto-import your modules.
62+
Because you might not need that. VSCode has built-in feature for auto-import your modules. Use `Ctrl`+`Space` on your variable and a popup will appear.
6063

6164
<img src="./images/auto-import.gif" alt="VSCode built-in auto import" width="100%" />
6265

images/demo/01.1-console.gif

620 KB
Loading
210 KB
Loading
477 KB
Loading

images/demo/01.4-json.gif

661 KB
Loading

images/demo/01.5-typeof.gif

157 KB
Loading
1.14 MB
Loading
1.12 MB
Loading

images/demo/02.3-react-hooks.gif

1.56 MB
Loading

0 commit comments

Comments
 (0)