Registryvsx-dsznajderes7-react-js-snippets

@vsx-dsznajder/es7-react-js-snippets

Public
VSX CompatibleOXP Native: Planned

// Description

Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

// Readme

Open VSX

Version Install Downloads Ratings

#VS Code ES7+ React/Redux/React-Native/JS snippets

JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code

##Installation

###Visual Studio Marketplace

Launch Quick Open:

Paste the following command and press Enter:

ext install dsznajder.es7-react-js-snippets

##Options

From version 4 extension provides options to customize the behavior of the snippets:

OptionDescription
languageScopeslist of supported languages / files recognition
prettierEnableddetermines if snippets should be parsed with project prettier config
importReactOnTopIf disabled, snippets won't contain import React on top. React 17+ support
typescriptadds additional typescript snippets

#Sponsors

###Conquer of Completion

It is possible to use this package in your vim/neovim text editor, to make this possible, make sure you have the coc.nvim previously configured, then add this command to your init.vim

Plug 'dsznajder/vscode-es7-javascript-react-snippets', { 'do': 'yarn install --frozen-lockfile && yarn compile' }

Update your vim / neovim settings with :source % and then install the new package with :PlugInstall

Note: This example uses vim-plug as a package manager, feel free to use some other

###Packer

For use with packer the syntax is a little different. Just add in your init.vim or init.lua:

use {'dsznajder/vscode-es7-javascript-react-snippets',
run = 'yarn install --frozen-lockfile && yarn compile'
}

When saving the file, the update will be done ( :w )

##Search command

You can search through snippets with ES7 snippet search command which can be run with CMD + Shift + P or just use CMD + Shift + R (CTRL + ALT + R for Windows & Linux) keybinding.

Here is direct link to marketplace ES7 React/Redux/React-Native/JS Snippets

##Snippets

// Install

Open this extension directly in your IDE — no CLI, no extra tools.

Extension ID
dsznajder.es7-react-js-snippets

If your IDE doesn't open automatically, copy the ID above and paste it into the Extensions view (⌘P ext install <id>).

// Source signals

Publisher
Verified ✓
Rating
5.0 (1)
Downloads
631.3k
Published
2022-02-18
License
MIT
Source
repo
Homepage
link

Live from open-vsx.org. Refreshed hourly.

// Are you the author?

This listing is mirrored from Open VSX. Claim it to ship a native OXP build, customise the page, and respond to reviews.

Claim this listing

// Package Info

Version
4.4.3
Owner
@vsx-dsznajder
Downloads
610.1k
Stars
0