User Snippets for VS Code
Note: To use this, you need VS Code.
These snippets will speed up your work by allowing complex code structures to be built at a few keystrokes. After setting them up, you'll write the prefix for the snippet and then press TAB
(by default) to expand the code.
The set-up is simple: open the menu "Configure User Snippets" under "Preferences" (you can do so by typing CTRL + SHIFT + P
and typing "snippet" in the search box), choose the language you want to change and then copy and paste the snippets you want.
What's included
- Included in all Javascript-related syntaxes:
-
logg
for logging variables with separators;
-
-
.js
Snippets:- Sanity.io objects and documents;
- Suggestions welcome for other snippets!
-
.tsx
Snippets:-
tsInt
for basic interfaces -
rsf
for stateful (class) React components -
rsl
for stateless (functional) React components- with alternative
rslNoInterface
- with alternative
-
rsfsc
for stateful (class) React components with styled-components -
rslsc
for stateless (functional) React components with styled-components
-