This extension contains code snippets for NextJS in TypeScript syntax.
In order to install an extension you need to launch the Command Palette (Ctrl + Shift + P or Cmd + Shift + P) and type Extensions. There you have either the option to show the already installed snippets or install new ones.
- JavaScript (.js)
- TypeScript (.ts)
- JavaScript React/Next (.jsx)
- TypeScript React/Next (.tsx)
When installing the extension NextJS development could be really fun.
Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.
| Trigger | Content |
|---|---|
rc→ |
React function component skeleton |
np→ |
Next function page skeleton |
The following table lists all the snippets that can be used for prop types.
Every snippet regarding prop types begins with r or n so it's easy to group it all together and explore all the available options.
On top of that each prop type snippets has one equivalent when we need to declare that this property is also required.
| Trigger | Content |
|---|---|
rt→ |
React Testing library base skeleton test |