Commit 6436c0e

committed

class & functional components: Improved tabstops

This allows using the <kbd>ctrl</kbd>+<kbd>j</kbd> and <kbd>ctrl</kbd>+<kbd>k</kbd> shortcuts from UltiSnips to move forward and backward between tabstops. It also adds some cool python interpolation for the Functional component, which automatically adds the props specified in the function definition to the `PropTypes` definition at the bottom.

1 parent e9b33b3 commit 6436c0eCopy full SHA for 6436c0e

File tree

1 file changed

+19

-11

lines changed

UltiSnips
- javascript.snippets

1 file changed

+19

-11

lines changed

`‎UltiSnips/javascript.snippets`

Lines changed: 19 additions & 11 deletions

Original file line number	Diff line number	Diff line change
`@@ -39,8 +39,8 @@ import styles from './${2:1ドル}.css';`
`39`	`39`
`40`	`40`	class ${1:`!v expand('%:t:r')`} extends Component {
`41`	`41`	`static propTypes = {`
`42`		`- children: PropTypes.node,`
`43`		`- className: PropTypes.string,`
	`42`	`+ ${2:children: PropTypes.node,`
	`43`	`+ className: PropTypes.string,}`
`44`	`44`	`};`
`45`	`45`
`46`	`46`	`constructor(props) {`
@@ -49,9 +49,9 @@ class ${1:`!v expand('%:t:r')`} extends Component {
`49`	`49`
`50`	`50`	`render() {`
`51`	`51`	`return (`
`52`		`- <div className={styles.base}>`
`53`		`- $3`
`54`		`- </div>`
	`52`	`+ <${3:div} className={styles.base}>`
	`53`	`+ $0`
	`54`	`+ </3ドル>`
`55`	`55`	`);`
`56`	`56`	`}`
`57`	`57`	`}`
`@@ -64,17 +64,25 @@ import React from 'react';`
`64`	`64`	`import PropTypes from 'prop-types';`
`65`	`65`	`import styles from './${2:1ドル}.css';`
`66`	`66`
`67`		-function ${1:`!v expand('%:t:r')`}(${3:{...props}}) {
	`67`	+function ${1:`!v expand('%:t:r')`}({ 3ドル}) {
`68`	`68`	`return (`
`69`		`- <div className={styles.base}>`
`70`		`- $4`
`71`		`- </div>`
	`69`	`+ <${5:div} className={styles.base}>`
	`70`	`+ $0`
	`71`	`+ </5ドル>`
`72`	`72`	`);`
`73`	`73`	`}`
`74`	`74`
`75`		`-1ドル.defaultProps = {};`
	`75`	`+1ドル.defaultProps = {4ドル};`
	`76`	`+`
	`77`	+1ドル.propTypes = {`!p
	`78`	`+props = t[3]`
`76`	`79`
`77`		`-1ドル.propTypes = {};`
	`80`	`+if props:`
	`81`	`+ snip >> 1`
	`82`	`+ for prop in props.split(', '):`
	`83`	`+ snip += prop + ': PropTypes.any,'`
	`84`	+`
	`85`	`+};`
`78`	`86`
`79`	`87`	`export default 1ドル;`
`80`	`88`	`endsnippet`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 6436c0e

File tree

1 file changed

1 file changed

`‎UltiSnips/javascript.snippets`

0 commit comments