React JS

VS Code React JS FE Digimon Snippets

This extension contains code snippets for Reactjs FE Digimon. Inspired from Reactjs code snippets

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)

Snippets

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

Trigger	Content
`dgp→`	stateless standard page skeleton digimon
`dgc→`	stateless standard component skeleton digimon
`dgcc→`	stateless standard component skeleton digimon with children
`dgccp→`	stateless standard component skeleton digimon with children and props
`dgrpt→`	empty propTypes declaration
`dgrdp→`	empty defaultProps declaration

And then, the below lists all the snippets that can be used for prop types.

For example dgpts creates the PropTypes.string and dgptsr creates the PropTypes.string.isRequired.

Trigger	Content
`dgpts→`	PropTypes.string,
`dgptsr→`	PropTypes.string.isRequired,
`dgptn→`	PropTypes.number,
`dgptnr→`	PropTypes.number.isRequired,
`dgptb→`	PropTypes.bool,
`dgptbr→`	PropTypes.bool.isRequired,
`dgpta→`	PropTypes.array,
`dgptar→`	PropTypes.array.isRequired,
`dgpto→`	PropTypes.object,
`dgptor→`	PropTypes.object.isRequired,
`dgptf→`	PropTypes.func,
`dgptfr→`	PropTypes.func.isRequired,
`dgptan→`	PropTypes.any,
`dgptanr→`	PropTypes.any.isRequired,
`dgpte→`	PropTypes.oneOf(['strawberry']),
`dgpter→`	PropTypes.oneOf(['strawberry']).isRequired,

Digimon FE Snippets Code

Ferdhika Yudira

React JS

VS Code React JS FE Digimon Snippets

Installation

Supported languages (file extensions)

Snippets