mirror of
https://github.com/amix/vimrc
synced 2025-06-16 01:25:00 +08:00
Updated plugins and added vim-markdown
This commit is contained in:
@ -0,0 +1,82 @@
|
||||
# Import only React
|
||||
snippet ri1
|
||||
import React from 'react'
|
||||
|
||||
# Import both React and Component
|
||||
snippet ri2
|
||||
import React, { Component } from 'react'
|
||||
import PropTypes from 'prop-types'
|
||||
|
||||
# React class
|
||||
snippet rcla
|
||||
class ${1:MyComponent} extends Component {
|
||||
render() {
|
||||
return (
|
||||
${0:<div></div>}
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
# React constructor
|
||||
snippet rcon
|
||||
constructor(props) {
|
||||
super(props)
|
||||
|
||||
this.state = {
|
||||
${1}: ${0},
|
||||
}
|
||||
}
|
||||
|
||||
# Proptypes for React Class
|
||||
snippet rcpt
|
||||
static propTypes = {
|
||||
${1}: PropTypes.${0},
|
||||
}
|
||||
|
||||
# Default props for React Class
|
||||
snippet rcdp
|
||||
static defaultProps = {
|
||||
${1}: ${0},
|
||||
}
|
||||
|
||||
# Presentational component
|
||||
snippet rcom
|
||||
props => {
|
||||
return (
|
||||
${0:<div></div>}
|
||||
)
|
||||
}
|
||||
|
||||
# Proptypes for Presentational component
|
||||
snippet rpt
|
||||
${1}.propTypes = {
|
||||
${2}: PropTypes.${0},
|
||||
}
|
||||
|
||||
# Default props for Presentational component
|
||||
snippet rdp
|
||||
${1}.defaultProps = {
|
||||
${2}: ${0},
|
||||
}
|
||||
|
||||
# Lifecycle Methods
|
||||
snippet rcdm
|
||||
componentDidMount() {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
|
||||
# State
|
||||
snippet rsst
|
||||
this.setState({
|
||||
${1}: ${0},
|
||||
})
|
||||
|
||||
snippet rtst
|
||||
this.state.${0}
|
||||
|
||||
# Props
|
||||
snippet rp
|
||||
props.${0}
|
||||
|
||||
snippet rtp
|
||||
this.props.${0}
|
Reference in New Issue
Block a user