[Simon's CaneChair] Snippets of Full-Stack Javascript. (for VS Code)

(It's time to sit down and enjoy the rocking...)

Visual Studio Marketplace Version

Snippets for Javascript Full-Stack Development using "VS Code", include:React, ReactNative, Vanilla JavaScript, Express, NodeJs, Jest, AWS, and more...

🚀(Keyboard shortcut works while entered enough characters to disambiguate the term, no fully input needed.)

(All snippets start with "cc" for convinence, stands for "CaneChair")

Get the extension here: VS Marketplace - CaneChairSnippets

GitHub: https://github.com/simon8029/CaneChair.Snippets.io

ReactJS (Javascript):

Snippet Name	Keyboard Shortcut
ReactJS : Middleware : NewMiddleware	ccReactJS_Middleware_NewMiddleware
ReactJS : JS : Component : Class	ccReactJS_JS_Component_Class
ReactJS : JS : Component : Hooks	ccReactJS_JS_Component_Hooks
ReactJS : JS : Component : Container	ccReactJS_JS_Component_Container
ReactJS : JS : NewAction	ccReactJS_JS_NewAction
ReactJS : JS : RootIndexFile	ccReactJS_JS_RootIndexFile
ReactJS : JS : Store	ccReactJS_JS_Store
ReactJS : JS : RootReducer	ccReactJS_JS_RootReducer
ReactJS : JS : NewReducer	ccReactJS_JS_NewReducer
ReactJS : JS : ActionTypes	ccReactJS_JS_ActionTypes
ReactJS : JS : NewRoute	ccReactJS_JS_NewRoute
ReactJS : Duck : NewDuck	ccReactJS_Duck_NewDuck

ReactJS Elements:

Snippet Name	Keyboard Shortcut
ReactJS : Element : Div	ccReactJS_Element_Div
ReactJS : Element : Nav	ccReactJS_Element_Nav
ReactJS : Element : Section	ccReactJS_Element_Section
ReactJS : Element : Span	ccReactJS_Element_Span
ReactJS : Element : A	ccReactJS_Element_A
ReactJS : Element : Image	ccReactJS_Element_Image
ReactJS : Element : Article	ccReactJS_Element_Article
ReactJS : Element : Label	ccReactJS_Element_Label
ReactJS : Element : Icon	ccReactJS_Element_Icon
ReactJS : Element : Form	ccReactJS_Element_Form
ReactJS : Element : Link	ccReactJS_Element_Link
ReactJS : Element : Input	ccReactJS_Element_Input
ReactJS : Element : Button	ccReactJS_Element_Button
ReactJS : Element : H1	ccReactJS_Element_H1
ReactJS : Element : H2	ccReactJS_Element_H2
ReactJS : Element : H3	ccReactJS_Element_H3
ReactJS : Element : H4	ccReactJS_Element_H4
ReactJS : Element : H5	ccReactJS_Element_H5
ReactJS : Element : Ul	ccReactJS_Element_Ul
ReactJS : Element : Li	ccReactJS_Element_Li
ReactJS : Element : Paragraph	ccReactJS_Element_P

Vanilla JavaScript

Snippet Name	Keyboard Shortcut
Common : IIFE	ccCommon_IIFE
Common : PrintToConsole	cclog
Common : PrintToConsole : Group	cclog_group
Common : Import : Module	ccCommon_Import_Module
Common : Class : Constructor	ccCommon_Class_Constructor
Common : Function : ArrowFunction	ccCommon_Function_ArrowFunction
Common : Function : If	ccCommon_Function_If
Common : Function : Switch	ccCommon_Function_Switch
Common : Object : Assign	ccCommon_Object_Assign
Common : Array : Map	ccCommon_Array_Map
Common : Array : Find	ccCommon_Array_Find
Common : Array : FindIndex	ccCommon_Array_FindIndex
Common : Array : Filter	ccCommon_Array_Filter
Common : Array : ForEach	ccCommon_Array_ForEach

ReactNative:

Snippet Name	Keyboard Shortcut
ReactNative : Component : Container	ccReactNative_Component_Container
ReactNative : Component : Functional	ccReactNative_Component_Functional
ReactNative : Element : View	ccReactNative_Element_View
ReactNative : Element : ScrollView	ccReactNative_Element_ScrollView
ReactNative : Element : Text	ccReactNative_Element_Text
ReactNative : Element : TextInput	ccReactNative_Element_TextInput
ReactNative : Element : ListView	ccReactNative_Element_ListView
ReactNative : Element : Button	ccReactNative_Element_Button
ReactNative : Element : Slider	ccReactNative_Element_Slider
ReactNative : Element : Switch	ccReactNative_Element_Switch
ReactNative : Element : Picker	ccReactNative_Element_Picker
ReactNative : Element : DatePicker	ccReactNative_Element_DatePicker

Test : Jest

Snippet Name	Keyboard Shortcut
Test : Jest : InitTestFile : ReactJS	ccTest_Jest_InitTestFile_ReactJS
Test : Jest : InitTestFile : VueJS	ccTest_Jest_InitTestFile_VueJS
Test : Jest : Describe	ccTest_Jest_Describe
Test : Jest : BeforeAll	ccTest_Jest_BeforeAll
Test : Jest : BeforeEach	ccTest_Jest_BeforeEach
Test : Jest : AfterAll	ccTest_Jest_AfterAll
Test : Jest : AfterEach	ccTest_Jest_AfterEach
Test : Jest : It	ccTest_Jest_It
Test : Jest : ItAsync	ccTest_Jest_ItAsync
Test : Jest : Expect : ToMatchSnapshot	ccTest_Jest_Expect_ToMatchSnapshot
Test : Jest : Expect : ToBe	ccTest_Jest_Expect_ToBe
Test : Jest : Expect : ToEqual	ccTest_Jest_Expect_ToEqual
Test : Jest : Expect : ToBeCalledWith	ccTest_Jest_Expect_ToBeCalledWith
Test : Jest : Expect : ToHaveBeenCalledWith	ccTest_Jest_Expect_ToHaveBeenCalledWith
Test : Jest : Expect : ToHaveBeenCalled	ccTest_Jest_Expect_ToHaveBeenCalled
Test : Jest : Expect : ToBeCalled	ccTest_Jest_Expect_ToBeCalled
Test : Jest : Expect : ToHaveBeenCalledTimes	ccTest_Jest_Expect_ToHaveBeenCalledTimes
Test : Jest : Expect : LastCalledWith	ccTest_Jest_Expect_LastCalledWith
Test : Jest : Expect : ToBeCloseTo	ccTest_Jest_Expect_ToBeCloseTo
Test : Jest : Expect : ToBeDefined	ccTest_Jest_Expect_ToBeDefined
Test : Jest : Expect : ToBeFalsy	ccTest_Jest_Expect_ToBeFalsy
Test : Jest : Expect : ToBeGreaterThan	ccTest_Jest_Expect_ToBeGreaterThan
Test : Jest : Expect : ToBeGreaterThanOrEqual	ccTest_Jest_Expect_ToBeGreaterThanOrEqual
Test : Jest : Expect : ToBeLessThan	ccTest_Jest_Expect_ToBeLessThan
Test : Jest : Expect : ToBeLessThanOrEqual	ccTest_Jest_Expect_ToBeLessThanOrEqual
Test : Jest : Expect : ToBeInstanceOf	ccTest_Jest_Expect_ToBeInstanceOf
Test : Jest : Expect : ToBeNull	ccTest_Jest_Expect_ToBeNull
Test : Jest : Expect : ToBeTruthy	ccTest_Jest_Expect_ToBeTruthy
Test : Jest : Expect : ToBeUndefined	ccTest_Jest_Expect_ToBeUndefined
Test : Jest : Expect : ToContain	ccTest_Jest_Expect_ToContain
Test : Jest : Expect : ToContainEqual	ccTest_Jest_Expect_ToContainEqual
Test : Jest : Expect : ToHaveLength	ccTest_Jest_Expect_ToHaveLength
Test : Jest : Expect : ToMatch	ccTest_Jest_Expect_ToMatch
Test : Jest : Expect : ToMatchObject	ccTest_Jest_Expect_ToMatchObject
Test : Jest : Expect : ToHaveProperty	ccTest_Jest_Expect_ToHaveProperty
Test : Jest : Expect : ToThrow	ccTest_Jest_Expect_ToThrow
Test : Jest : Expect : ToThrowError	ccTest_Jest_Expect_ToThrowError
Test : Jest : Expect : ToThrowErrorMatchingSnapshot	ccTest_Jest_Expect_ToThrowErrorMatchingSnapshot
Test : Chai : Express : Module	ccTest_Chai_Express_Module

Test : Chai

Snippet Name	Keyboard Shortcut
Test : Chai : Express : Module	ccTest_Chai_Express_Module
Test : Chai : Express : Middleware	ccTest_Chai_Express_Middleware
Test : Chai : Express : Service	ccTest_Chai_Express_Service
Test : Chai : Express : Controller	ccTest_Chai_Express_Controller
Test : Chai : MongoDB : Module	ccTest_Chai_MongoDB_Module
Test : Chai : MongoDB : Util	ccTest_Chai_MongoDB_Util
Test : Chai : Fixture	cc_Test_Chai_Fixture

Express :

Snippet Name	Keyboard Shortcut
Express : Controller	ccExpress_Controller
Express : MiddleWare	ccExpress_MiddleWare
Express : Service	ccExpress_Service
Express : Routes : Module : Exports : Function	ccExpress_Routes_Module_Exports_Function
Express : Routes : SimpleAppRoute	ccExpress_Routes_SimpleAppRoute
Express : Routes : Get	ccExpress_Routes_Get
Express : Response : Status : 200 : Send	ccExpress_Response_Status_200_Send
Express : Response : Status : 401 : Send	ccExpress_Response_Status_401_Send
Express : Response : Status : 404 : Send	ccExpress_Response_Status_404_Send
Express : Response : Status : 500 : Send	ccExpress_Response_Status_500_Send

Mongo

Snippet Name	Keyboard Shortcut
MongoDB : Module	ccMongoose_Module
MongoDB : Model	ccMongoose_Model
MongoDB : Config	ccMongoose_Config

D3JS

Snippet Name	Keyboard Shortcut
D3JS : dimensions	ccD3_dimensions
D3JS : wrapper	ccD3_wrapper
D3JS : bounds	ccD3_bounds
D3JS : xScale : Linear	ccD3_xScale_linear
D3JS : yScale : Linear	ccD3_yScale_linear
D3JS : Axis	ccD3_axis

GraphQL

Snippet Name	Keyboard Shortcut
GraphQL : Client : Class	cc_graphQL_client_class
GraphQL : Client : IndexJS	cc_graphQL_client_indexJs
GraphQL : Server : appJS	cc_graphQL_server_appJs
GraphQL : Server : TypeDefs : DefaultSchema	cc_graphQL_server_typeDefs_defaultSchema
GraphQL : Server : TypeDefs : indexJs	cc_graphQL_server_typeDefs_indexJs
GraphQL : Server : TypeDefs : Schema	cc_graphQL_server_typeDefs_schema
GraphQL : Server : Resolvers : indexJs	cc_graphQL_server_resolvers_indexJs
GraphQL : Server : Resolvers	cc_graphQL_server_resolvers
GraphQL : Server : Model : IndexJS	cc_graphQL_server_model_indexJs
GraphQL : Server : Model	cc_graphQL_server_model
GraphQL : Server : Database	cc_graphQL_server_database
GraphQL : Server : DummyData	cc_graphQL_server_dummyData

CaneChair.Snippets - Snippets for Full-Stack Javascript Develpment.

Simon X.L.

[Simon's CaneChair] Snippets of Full-Stack Javascript. (for VS Code)

(It's time to sit down and enjoy the rocking...)

🚀(Keyboard shortcut works while entered enough characters to disambiguate the term, no fully input needed.)

(All snippets start with "cc" for convinence, stands for "CaneChair")

ReactJS (Javascript):

ReactJS Elements:

Vanilla JavaScript

ReactNative:

Test : Jest

Test : Chai

Express :

Mongo

D3JS

GraphQL