DEPRECATION NOTICE: This plugin has been deprecated. As an alternative, please use vscode-react in conjunction with a formatter that can format the code according to StandardJS style. Formatters include:
- Prettier - A code formatter that supports JS, JSX, CSS, SCSS and more. Can be configured to broadly follow StandardJS rules, it can also be used in conjuction with ESLint using eslint-plugin-prettier or prettier-eslint to follow all of StandardJS rules.
- Standard - The official StandardJS linter and code formatter. Use
standard --fixto format your code.- vscode-standardjs - VS Code plugin to format code using
standard --fix.- ESLint with eslint-config-standard
VS Code React Standard Style snippetsThis is a fork of vscode-react following JavaScript Standard Style.
This extension contains code snippets for React following the JavaScript Standard Style guidelines and is based on the awesome babel-sublime-snippets package.
This extension contains code snippets for Reactjs and is based on the awesome babel-sublime-snippets package.
In order to install an extension you need to launch the Command Pallete (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.
Launch VS Code Quick Open (Ctrl + P or Cmd + P), paste the following command, and press enter.
ext install ReactSnippetsStandard
Alternatively you can open the extensions panel and search for 'React snippets Standard'.
Supported languages (file extensions)Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.
rcc→ class component skeleton rccp→ class component skeleton with prop types after the class rcjc→ class component skeleton without import and default export lines rcfc→ class component skeleton that contains all the lifecycle methods rsc→ stateless component skeleton rscp→ stateless component with prop types skeleton rpt→ empty propTypes declaration con→ class default constructor with props conc→ class default constructor with props and context est→ empty state object cwm→ componentWillMount method cdm→ componentDidMount method cwr→ componentWillReceiveProps method scu→ shouldComponentUpdate method cwup→ componentWillUpdate method cdup→ componentDidUpdate method cwun→ componentWillUnmount method ren→ render method sst→ this.setState with object as parameter ssf→ this.setState with function as parameter props→ this.props state→ this.state bnd→ binds the this of method inside the constructor
The following table lists all the snippets that can be used for prop types. Every snippet regarding prop types begins with pt 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. For example pta creates the PropTypes.array and ptar creates the PropTypes.array.isRequired
pta→ PropTypes.array, ptar→ PropTypes.array.isRequired, ptb→ PropTypes.bool, ptbr→ PropTypes.bool.isRequired, ptf→ PropTypes.func, ptfr→ PropTypes.func.isRequired, ptn→ PropTypes.number, ptnr→ PropTypes.number.isRequired, pto→ PropTypes.object., ptor→ PropTypes.object.isRequired, pts→ PropTypes.string, ptsr→ PropTypes.string.isRequired, ptnd→ PropTypes.node, ptndr→ PropTypes.node.isRequired, ptel→ PropTypes.element, ptelr→ PropTypes.element.isRequired, pti→ PropTypes.instanceOf(ClassName), ptir→ PropTypes.instanceOf(ClassName).isRequired, pte→ PropTypes.oneOf(['News', 'Photos']), pter→ PropTypes.oneOf(['News', 'Photos']).isRequired, ptet→ PropTypes.oneOfType([PropTypes.string, PropTypes.number]), ptetr→ PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, ptao→ PropTypes.arrayOf(PropTypes.number), ptaor→ PropTypes.arrayOf(PropTypes.number).isRequired, ptoo→ PropTypes.objectOf(PropTypes.number), ptoor→ PropTypes.objectOf(PropTypes.number).isRequired, ptsh→ PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}), ptshr→ PropTypes.shape({color: PropTypes.string, fontSize: PropTypes.number}).isRequired,
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4