Logo
Chakra-UIReactJsNext.JS
Head

@codecraftkit

Documentation

Custom Templates

Description#

Guide to import custom templates to WebStorm.

Import Settings#

  • Open WebStorm

  • Go to file and click the option Import Settings, then import your custom setting and click Ok

Import Settings Example
  • Once the settings are imported you can use them creating a new page like this
Create Page Example
  • The submit the page name
Input Page Name Example
  • And you will have a React standard Page
Page Example

Page Templates#

  • Page: Template standard of a page
  • Page Query: Page where you will use getInitialProps to get variables from the route
  • Page Container:Standard page container
  • Page Container List: Container where the DataTable is used with the Paginate and Filter

Snippets#

  • ccp: Page
  • ccpq: Page Query
  • ccpc: Page Container
  • ccpcl: Page Container List

WebStorm Custom Templates.#