Reactjs

VS Code Reactjs snippets made by adapters

This extension contains code snippets for Reactjs and is based on the awesome babel-sublime-snippets package.

Installation

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.

Supported languages (file extensions)

JavaScript (.js)
TypeScript (.ts)
JavaScript React (.jsx)
TypeScript React (.tsx)

Usage

Snippets

Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.

Trigger	Content
`r→`	arrow function component skeleton
`R→`	common function component skeleton
`rs→`	arrow function component skeleton with styled-components
`rf→`	common function component skeleton with styled-components
`useE→`	useEffect skeleton
`useS→`	useState skeleton

Reactjs code snippets by adapters

adaptersorg