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
  • rsfsc for stateful (class) React components with styled-components
  • rslsc for stateless (functional) React components with styled-components