mirror of
https://github.com/amix/vimrc
synced 2025-06-16 01:25:00 +08:00
Updated plugins
This commit is contained in:
Amir
@ -1,175 +0,0 @@
|
||||
snippet des "Describe (js)"
|
||||
describe('${1:description}', function() {
|
||||
$0
|
||||
});
|
||||
|
||||
snippet it "it (js)"
|
||||
it('${1:description}', function() {
|
||||
$0
|
||||
});
|
||||
|
||||
snippet bef "before each (js)"
|
||||
beforeEach(function() {
|
||||
$0
|
||||
});
|
||||
|
||||
snippet aft "after each (js)"
|
||||
afterEach(function() {
|
||||
$0
|
||||
});
|
||||
|
||||
snippet befa "before all (js)"
|
||||
beforeAll(function() {
|
||||
$0
|
||||
});
|
||||
|
||||
snippet afta "after all (js)"
|
||||
afterAll(function() {
|
||||
$0
|
||||
});
|
||||
|
||||
snippet any "any (js)"
|
||||
jasmine.any($1)
|
||||
|
||||
snippet anyt "anything (js)"
|
||||
jasmine.anything()
|
||||
|
||||
snippet objc "object containing (js)"
|
||||
jasmine.objectContaining({
|
||||
${VISUAL}$0
|
||||
});
|
||||
|
||||
snippet arrc "array containing (js)"
|
||||
jasmine.arrayContaining([${1:value1}]);
|
||||
|
||||
snippet strm "string matching (js)"
|
||||
jasmine.stringMatching("${1:matcher}")
|
||||
|
||||
snippet ru "runs (js)"
|
||||
runs(function() {
|
||||
$0
|
||||
});
|
||||
|
||||
snippet wa "waits (js)"
|
||||
waits($1);
|
||||
|
||||
snippet ex "expect (js)"
|
||||
expect(${1:target})$0;
|
||||
|
||||
snippet ee "expect to equal (js)"
|
||||
expect(${1:target}).toEqual(${2:value});
|
||||
|
||||
snippet el "expect to be less than (js)"
|
||||
expect(${1:target}).toBeLessThan(${2:value});
|
||||
|
||||
snippet eg "expect to be greater than (js)"
|
||||
expect(${1:target}).toBeGreaterThan(${2:value});
|
||||
|
||||
snippet eb "expect to be (js)"
|
||||
expect(${1:target}).toBe(${2:value});
|
||||
|
||||
snippet em "expect to match (js)"
|
||||
expect(${1:target}).toMatch(${2:pattern});
|
||||
|
||||
snippet eha "expect to have attribute (js)"
|
||||
expect(${1:target}).toHaveAttr('${2:attr}'${3:, '${4:value}'});
|
||||
|
||||
snippet et "expect to be truthy (js)"
|
||||
expect(${1:target}).toBeTruthy();
|
||||
|
||||
snippet ef "expect to be falsy (js)"
|
||||
expect(${1:target}).toBeFalsy();
|
||||
|
||||
snippet etbd "expect to be defined (js)"
|
||||
expect(${1:target}).toBeDefined();
|
||||
|
||||
snippet eud "expect to be defined (js)"
|
||||
expect(${1:target}).toBeUndefined();
|
||||
|
||||
snippet en "expect to be null (js)"
|
||||
expect(${1:target}).toBeNull();
|
||||
|
||||
snippet ec "expect to contain (js)"
|
||||
expect(${1:target}).toContain(${2:value});
|
||||
|
||||
snippet ev "expect to be visible (js)"
|
||||
expect(${1:target}).toBeVisible();
|
||||
|
||||
snippet eh "expect to be hidden (js)"
|
||||
expect(${1:target}).toBeHidden();
|
||||
|
||||
snippet eth "expect to throw (js)"
|
||||
expect(${1:target}).toThrow(${2:value});
|
||||
|
||||
snippet ethe "expect to throw error (js)"
|
||||
expect(${1:target}).toThrowError(${2:value});
|
||||
|
||||
snippet notx "expect not (js)"
|
||||
expect(${1:target}).not$0;
|
||||
|
||||
snippet note "expect not to equal (js)"
|
||||
expect(${1:target}).not.toEqual(${2:value});
|
||||
|
||||
snippet notl "expect to not be less than (js)"
|
||||
expect(${1:target}).not.toBeLessThan(${2:value});
|
||||
|
||||
snippet notg "expect to not be greater than (js)"
|
||||
expect(${1:target}).not.toBeGreaterThan(${2:value});
|
||||
|
||||
snippet notm "expect not to match (js)"
|
||||
expect(${1:target}).not.toMatch(${2:pattern});
|
||||
|
||||
snippet notha "expect to not have attribute (js)"
|
||||
expect(${1:target}).not.toHaveAttr('${2:attr}'${3:, '${4:value}'});
|
||||
|
||||
snippet nott "expect not to be truthy (js)"
|
||||
expect(${1:target}).not.toBeTruthy();
|
||||
|
||||
snippet notf "expect not to be falsy (js)"
|
||||
expect(${1:target}).not.toBeFalsy();
|
||||
|
||||
snippet notd "expect not to be defined (js)"
|
||||
expect(${1:target}).not.toBeDefined();
|
||||
|
||||
snippet notn "expect not to be null (js)"
|
||||
expect(${1:target}).not.toBeNull();
|
||||
|
||||
snippet notc "expect not to contain (js)"
|
||||
expect(${1:target}).not.toContain(${2:value});
|
||||
|
||||
snippet notv "expect not to be visible (js)"
|
||||
expect(${1:target}).not.toBeVisible();
|
||||
|
||||
snippet noth "expect not to be hidden (js)"
|
||||
expect(${1:target}).not.toBeHidden();
|
||||
|
||||
snippet notth "expect not to throw (js)"
|
||||
expect(${1:target}).not.toThrow(${2:value});
|
||||
|
||||
snippet notthe "expect not to throw error (js)"
|
||||
expect(${1:target}).not.toThrowError(${2:value});
|
||||
|
||||
snippet s "spy on (js)"
|
||||
spyOn(${1:object}, '${2:method}')$0;
|
||||
|
||||
snippet sr "spy on and return (js)"
|
||||
spyOn(${1:object}, '${2:method}').and.returnValue(${3:arguments});
|
||||
|
||||
snippet st "spy on and throw (js)"
|
||||
spyOn(${1:object}, '${2:method}').and.throwError(${3:exception});
|
||||
|
||||
snippet sct "spy on and call through (js)"
|
||||
spyOn(${1:object}, '${2:method}').and.callThrough();
|
||||
|
||||
snippet scf "spy on and call fake (js)"
|
||||
spyOn(${1:object}, '${2:method}').and.callFake(${3:function});
|
||||
|
||||
snippet ethbc "expect to have been called (js)"
|
||||
expect(${1:target}).toHaveBeenCalled();
|
||||
|
||||
snippet nthbc "expect not to have been called (js)"
|
||||
expect(${1:target}).not.toHaveBeenCalled();
|
||||
|
||||
snippet ethbcw "expect to have been called with (js)"
|
||||
expect(${1:target}).toHaveBeenCalledWith(${2:arguments});
|
||||
|
||||
@ -1,98 +1,190 @@
|
||||
snippet ir
|
||||
# Import
|
||||
snippet ir import React
|
||||
import React from 'react';
|
||||
snippet irc
|
||||
|
||||
snippet irc import React and Component
|
||||
import React, { Component } from 'react';
|
||||
snippet ird
|
||||
|
||||
snippet irh import React hooks
|
||||
import { use$1 } from 'react';
|
||||
|
||||
snippet ird import ReactDOM
|
||||
import ReactDOM from 'react-dom';
|
||||
snippet cdm
|
||||
|
||||
snippet irp import PropTypes
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
# Lifecycle Methods
|
||||
snippet cdm componentDidMount
|
||||
componentDidMount() {
|
||||
${1}
|
||||
}
|
||||
snippet cdup
|
||||
};
|
||||
|
||||
snippet cdup componentDidUpdate
|
||||
componentDidUpdate(prevProps, prevState) {
|
||||
${1}
|
||||
}
|
||||
snippet cwm
|
||||
};
|
||||
|
||||
snippet cwm componentWillMount
|
||||
componentWillMount() {
|
||||
${1}
|
||||
}
|
||||
snippet cwr
|
||||
};
|
||||
|
||||
snippet cwr componentWillReceiveProps
|
||||
componentWillReceiveProps(nextProps) {
|
||||
${1}
|
||||
}
|
||||
snippet cwun
|
||||
};
|
||||
|
||||
snippet cwun componentWillUnmount
|
||||
componentWillUnmount() {
|
||||
${1}
|
||||
}
|
||||
snippet cwu
|
||||
};
|
||||
|
||||
snippet cwu componentWillUpdate
|
||||
componentWillUpdate(nextProps, nextState) {
|
||||
${1}
|
||||
};
|
||||
|
||||
snippet scu shouldComponentUpdate
|
||||
shouldComponentUpdate(nextProps, nextState) {
|
||||
${1}
|
||||
}
|
||||
snippet fup
|
||||
forceUpdate(${1:callback});
|
||||
snippet dp
|
||||
|
||||
# Props
|
||||
snippet spt static propTypes
|
||||
static propTypes = {
|
||||
${1}: PropTypes.${2}
|
||||
};
|
||||
|
||||
snippet pt propTypes
|
||||
${1}.propTypes = {
|
||||
${2}: PropTypes.${2}
|
||||
};
|
||||
|
||||
snippet sdp static defaultProps
|
||||
static defaultProps = {
|
||||
${1}: ${2},
|
||||
}
|
||||
${1}: ${2}
|
||||
};
|
||||
|
||||
snippet dp defaultProps
|
||||
${1}.defaultProps = {
|
||||
${2}: ${3}
|
||||
};
|
||||
|
||||
snippet pp props
|
||||
props.${1};
|
||||
|
||||
snippet tp this props
|
||||
this.props.${1};
|
||||
|
||||
# State
|
||||
snippet st
|
||||
state = {
|
||||
${1}: ${2},
|
||||
}
|
||||
snippet pt
|
||||
static propTypes = {
|
||||
${1}: React.PropTypes.${2:type},
|
||||
}
|
||||
snippet rfc
|
||||
const ${1:ComponentName} = (${2:props}) => {
|
||||
return (
|
||||
<div>
|
||||
$1
|
||||
</div>
|
||||
);
|
||||
}
|
||||
snippet rcc
|
||||
class ${1:ClassName} extends React.Component {
|
||||
state = {
|
||||
};
|
||||
|
||||
}
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
$1
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
snippet rdr
|
||||
ReactDOM.render(${1}, ${2})
|
||||
snippet ercc
|
||||
export default class ${1:ClassName} extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
${0:<div />}
|
||||
);
|
||||
}
|
||||
}
|
||||
snippet ctor
|
||||
constructor() {
|
||||
super();
|
||||
${1}
|
||||
}
|
||||
snippet ren
|
||||
render() {
|
||||
return (
|
||||
${1:<div />}
|
||||
);
|
||||
}
|
||||
snippet sst
|
||||
this.setState({
|
||||
${1}: ${2}
|
||||
});
|
||||
snippet scu
|
||||
shouldComponentUpdate(nextProps, nextState) {
|
||||
${1}
|
||||
|
||||
snippet tst
|
||||
this.state.${1};
|
||||
|
||||
# Component
|
||||
snippet raf
|
||||
const ${1:ComponentName} = (${2:props}) => {
|
||||
${3:state}
|
||||
|
||||
return (
|
||||
<>
|
||||
${4}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
snippet rcla
|
||||
class ${1:ClassName} extends Component {
|
||||
render() {
|
||||
return (
|
||||
<>
|
||||
${2}
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
snippet prp i
|
||||
this.props.${1}
|
||||
snippet ste i
|
||||
this.state.${1}
|
||||
|
||||
snippet ercla
|
||||
export default class ${1:ClassName} extends Component {
|
||||
render() {
|
||||
return (
|
||||
<>
|
||||
${2}
|
||||
</>
|
||||
);
|
||||
};
|
||||
};
|
||||
|
||||
snippet ctor
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
${1:state}
|
||||
}
|
||||
|
||||
snippet ren
|
||||
render() {
|
||||
return (
|
||||
<>
|
||||
${2}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
snippet fup
|
||||
forceUpdate(${1:callback});
|
||||
|
||||
# Hooks
|
||||
snippet uses useState
|
||||
const [${1:state}, set${2}] = useState(${3:initialState});
|
||||
|
||||
snippet usee useEffect
|
||||
useEffect(() => {
|
||||
${1}
|
||||
});
|
||||
|
||||
snippet userd useReducer
|
||||
const [${1:state}, ${2:dispatch}] = useReducer(${3:reducer});
|
||||
|
||||
snippet userf useRef
|
||||
const ${1:refContainer} = useRef(${2:initialValue});
|
||||
|
||||
snippet usect useContext
|
||||
const ${1:value} = useContext(${2:MyContext});
|
||||
|
||||
snippet usecb useCallback
|
||||
const ${1:memoizedCallback} = useCallback(
|
||||
() => {
|
||||
${2}(${3})
|
||||
},
|
||||
[$3]
|
||||
);
|
||||
|
||||
snippet usem useMemo
|
||||
const ${1:memoizedCallback} = useMemo(() => ${2}(${3}), [$3]);
|
||||
|
||||
snippet usei useImperativeHandle
|
||||
useImperativeHandle(${1:ref}, ${2:createHandle});
|
||||
|
||||
snippet used useDebugValue
|
||||
useDebugValue(${1:value});
|
||||
|
||||
# ReactDOM methods
|
||||
snippet rdr ReactDOM.render
|
||||
ReactDOM.render(${1}, ${2});
|
||||
|
||||
snippet rdh ReactDOM.hydrate
|
||||
ReactDOM.hydrate(${1:element}, ${2:container}[, ${3:callback}]);
|
||||
|
||||
snippet rdcp ReactDOM.createPortal
|
||||
ReactDOM.createPortal(${1:child}, ${2:container});
|
||||
|
||||
@ -311,6 +311,10 @@ snippet foro "for (const prop of object}) { ... }"
|
||||
for (const ${1:prop} of ${2:object}) {
|
||||
${0:$1}
|
||||
}
|
||||
snippet forl "for (let prop of object}) { ... }"
|
||||
for (let ${1:prop} of ${2:object}) {
|
||||
${0:$1}
|
||||
}
|
||||
snippet fun*
|
||||
function* ${1:function_name}(${2}) {
|
||||
${0:${VISUAL}}
|
||||
@ -319,10 +323,18 @@ snippet c=>
|
||||
const ${1:function_name} = (${2}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet ca=>
|
||||
const ${1:function_name} = async (${2}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet caf
|
||||
const ${1:function_name} = (${2}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet casf
|
||||
const ${1:function_name} = async (${2}) => {
|
||||
${0:${VISUAL}}
|
||||
}
|
||||
snippet =>
|
||||
(${1}) => {
|
||||
${0:${VISUAL}}
|
||||
@ -339,5 +351,7 @@ snippet ed
|
||||
export default ${0}
|
||||
snippet ${
|
||||
${${1}}${0}
|
||||
snippet as "async"
|
||||
async ${0}
|
||||
snippet aw "await"
|
||||
await ${0:${VISUAL}}
|
||||
|
||||
Reference in New Issue
Block a user