https://github.com/ferdhika31/vscode-digimon-fe

Snippet for Development Digimon FE
https://github.com/ferdhika31/vscode-digimon-fe

Last synced: 29 days ago
JSON representation

Snippet for Development Digimon FE

• Host: GitHub
• URL: https://github.com/ferdhika31/vscode-digimon-fe
• Owner: ferdhika31
• License: mit
• Created: 2022-07-11T12:50:28.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-11T13:42:42.000Z (over 2 years ago)
• Last Synced: 2024-11-01T01:12:20.380Z (2 months ago)
• Size: 61.5 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# React JS

## VS Code React JS FE Digimon Snippets

---

This extension contains code snippets for [Reactjs](https://facebook.github.io/react/) FE Digimon. Inspired from [Reactjs code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets)

[![Version](https://vsmarketplacebadge.apphb.com/version/ferdhikaaa.DigimonFESnippetsCode.svg)](https://marketplace.visualstudio.com/items?itemName=ferdhikaaa.DigimonFESnippetsCode)

[![Installs](https://vsmarketplacebadge.apphb.com/installs/ferdhikaaa.DigimonFESnippetsCode.svg)](https://marketplace.visualstudio.com/items?itemName=ferdhikaaa.DigimonFESnippetsCode)

## Screenshoot

![Contoh](https://github.com/ferdhika31/vscode-digimon-fe/blob/main/images/contoh.png?raw=true)

## 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,	  	|