From 077ebf682956bbbd5fd831acbfd43878afb08fdb Mon Sep 17 00:00:00 2001 From: Jimmy Yuen Ho Wong Date: Thu, 28 Feb 2019 20:03:22 +0000 Subject: [PATCH] rjsx-mode snippets --- snippets/rjsx-mode/.yas-make-groups | 0 snippets/rjsx-mode/.yasparents | 2 ++ snippets/rjsx-mode/GraphQL/expgql | 11 ++++++++ snippets/rjsx-mode/GraphQL/graphql | 10 +++++++ snippets/rjsx-mode/Jest/desc | 12 ++++++++ snippets/rjsx-mode/Jest/snrtest | 29 +++++++++++++++++++ snippets/rjsx-mode/Jest/sntest | 23 +++++++++++++++ snippets/rjsx-mode/Jest/srtest | 28 +++++++++++++++++++ snippets/rjsx-mode/Jest/stest | 22 +++++++++++++++ snippets/rjsx-mode/Jest/test | 12 ++++++++ snippets/rjsx-mode/Jest/tit | 12 ++++++++ snippets/rjsx-mode/React-Native/imrn | 9 ++++++ snippets/rjsx-mode/React-Native/rnc | 21 ++++++++++++++ snippets/rjsx-mode/React-Native/rnce | 23 +++++++++++++++ snippets/rjsx-mode/React-Native/rncs | 23 +++++++++++++++ snippets/rjsx-mode/React-Native/rnpc | 21 ++++++++++++++ snippets/rjsx-mode/React-Native/rnpce | 23 +++++++++++++++ snippets/rjsx-mode/React-Native/rnstyle | 12 ++++++++ snippets/rjsx-mode/React/cdm | 12 ++++++++ snippets/rjsx-mode/React/cdup | 12 ++++++++ snippets/rjsx-mode/React/cp | 9 ++++++ snippets/rjsx-mode/React/cref | 10 +++++++ snippets/rjsx-mode/React/cs | 9 ++++++ snippets/rjsx-mode/React/cwm | 12 ++++++++ snippets/rjsx-mode/React/cwr | 12 ++++++++ snippets/rjsx-mode/React/cwun | 12 ++++++++ snippets/rjsx-mode/React/cwup | 12 ++++++++ snippets/rjsx-mode/React/est | 12 ++++++++ snippets/rjsx-mode/React/fref | 10 +++++++ snippets/rjsx-mode/React/gdsfp | 11 ++++++++ snippets/rjsx-mode/React/gsbu | 12 ++++++++ snippets/rjsx-mode/React/hoc | 20 +++++++++++++ snippets/rjsx-mode/React/impt | 10 +++++++ snippets/rjsx-mode/React/imr | 10 +++++++ snippets/rjsx-mode/React/imrc | 10 +++++++ snippets/rjsx-mode/React/imrcp | 11 ++++++++ snippets/rjsx-mode/React/imrd | 10 +++++++ snippets/rjsx-mode/React/imrm | 10 +++++++ snippets/rjsx-mode/React/imrmp | 11 ++++++++ snippets/rjsx-mode/React/imrpc | 10 +++++++ snippets/rjsx-mode/React/imrpcp | 11 ++++++++ snippets/rjsx-mode/React/imrr | 10 +++++++ snippets/rjsx-mode/React/props | 9 ++++++ snippets/rjsx-mode/React/pta | 9 ++++++ snippets/rjsx-mode/React/ptany | 9 ++++++ snippets/rjsx-mode/React/ptao | 9 ++++++ snippets/rjsx-mode/React/ptaor | 9 ++++++ snippets/rjsx-mode/React/ptar | 9 ++++++ snippets/rjsx-mode/React/ptb | 9 ++++++ snippets/rjsx-mode/React/ptbr | 9 ++++++ snippets/rjsx-mode/React/pte | 9 ++++++ snippets/rjsx-mode/React/ptel | 9 ++++++ snippets/rjsx-mode/React/ptelr | 9 ++++++ snippets/rjsx-mode/React/pter | 9 ++++++ snippets/rjsx-mode/React/ptet | 11 ++++++++ snippets/rjsx-mode/React/ptetr | 11 ++++++++ snippets/rjsx-mode/React/ptf | 9 ++++++ snippets/rjsx-mode/React/ptfr | 9 ++++++ snippets/rjsx-mode/React/pti | 9 ++++++ snippets/rjsx-mode/React/ptir | 9 ++++++ snippets/rjsx-mode/React/ptn | 9 ++++++ snippets/rjsx-mode/React/ptnd | 9 ++++++ snippets/rjsx-mode/React/ptndr | 9 ++++++ snippets/rjsx-mode/React/ptnr | 9 ++++++ snippets/rjsx-mode/React/pto | 9 ++++++ snippets/rjsx-mode/React/ptoo | 9 ++++++ snippets/rjsx-mode/React/ptoor | 9 ++++++ snippets/rjsx-mode/React/ptor | 9 ++++++ snippets/rjsx-mode/React/pts | 9 ++++++ snippets/rjsx-mode/React/ptsh | 11 ++++++++ snippets/rjsx-mode/React/ptshr | 11 ++++++++ snippets/rjsx-mode/React/ptsr | 9 ++++++ snippets/rjsx-mode/React/ptypes | 12 ++++++++ snippets/rjsx-mode/React/rafc | 20 +++++++++++++ snippets/rjsx-mode/React/rafce | 20 +++++++++++++ snippets/rjsx-mode/React/rafcp | 25 +++++++++++++++++ snippets/rjsx-mode/React/rcc | 20 +++++++++++++ snippets/rjsx-mode/React/rccp | 25 +++++++++++++++++ snippets/rjsx-mode/React/rce | 22 +++++++++++++++ snippets/rjsx-mode/React/rcep | 27 ++++++++++++++++++ snippets/rjsx-mode/React/rconst | 16 +++++++++++ snippets/rjsx-mode/React/rcontext | 10 +++++++ snippets/rjsx-mode/React/ren | 15 ++++++++++ snippets/rjsx-mode/React/rfc | 18 ++++++++++++ snippets/rjsx-mode/React/rfce | 20 +++++++++++++ snippets/rjsx-mode/React/rfcp | 26 +++++++++++++++++ snippets/rjsx-mode/React/rmc | 18 ++++++++++++ snippets/rjsx-mode/React/rmcp | 25 +++++++++++++++++ snippets/rjsx-mode/React/rpc | 20 +++++++++++++ snippets/rjsx-mode/React/rpce | 22 +++++++++++++++ snippets/rjsx-mode/React/rpcp | 25 +++++++++++++++++ snippets/rjsx-mode/React/scu | 12 ++++++++ snippets/rjsx-mode/React/ssf | 10 +++++++ snippets/rjsx-mode/React/sst | 9 ++++++ snippets/rjsx-mode/React/state | 9 ++++++ snippets/rjsx-mode/Redux/hocredux | 31 +++++++++++++++++++++ snippets/rjsx-mode/Redux/rcredux | 36 ++++++++++++++++++++++++ snippets/rjsx-mode/Redux/redux | 10 +++++++ snippets/rjsx-mode/Redux/reduxmap | 16 +++++++++++ snippets/rjsx-mode/Redux/rncredux | 37 +++++++++++++++++++++++++ snippets/rjsx-mode/Redux/rxaction | 13 +++++++++ snippets/rjsx-mode/Redux/rxconst | 9 ++++++ snippets/rjsx-mode/Redux/rxreducer | 23 +++++++++++++++ snippets/rjsx-mode/Redux/rxselect | 12 ++++++++ 104 files changed, 1452 insertions(+) create mode 100644 snippets/rjsx-mode/.yas-make-groups create mode 100644 snippets/rjsx-mode/.yasparents create mode 100644 snippets/rjsx-mode/GraphQL/expgql create mode 100644 snippets/rjsx-mode/GraphQL/graphql create mode 100644 snippets/rjsx-mode/Jest/desc create mode 100644 snippets/rjsx-mode/Jest/snrtest create mode 100644 snippets/rjsx-mode/Jest/sntest create mode 100644 snippets/rjsx-mode/Jest/srtest create mode 100644 snippets/rjsx-mode/Jest/stest create mode 100644 snippets/rjsx-mode/Jest/test create mode 100644 snippets/rjsx-mode/Jest/tit create mode 100644 snippets/rjsx-mode/React-Native/imrn create mode 100644 snippets/rjsx-mode/React-Native/rnc create mode 100644 snippets/rjsx-mode/React-Native/rnce create mode 100644 snippets/rjsx-mode/React-Native/rncs create mode 100644 snippets/rjsx-mode/React-Native/rnpc create mode 100644 snippets/rjsx-mode/React-Native/rnpce create mode 100644 snippets/rjsx-mode/React-Native/rnstyle create mode 100644 snippets/rjsx-mode/React/cdm create mode 100644 snippets/rjsx-mode/React/cdup create mode 100644 snippets/rjsx-mode/React/cp create mode 100644 snippets/rjsx-mode/React/cref create mode 100644 snippets/rjsx-mode/React/cs create mode 100644 snippets/rjsx-mode/React/cwm create mode 100644 snippets/rjsx-mode/React/cwr create mode 100644 snippets/rjsx-mode/React/cwun create mode 100644 snippets/rjsx-mode/React/cwup create mode 100644 snippets/rjsx-mode/React/est create mode 100644 snippets/rjsx-mode/React/fref create mode 100644 snippets/rjsx-mode/React/gdsfp create mode 100644 snippets/rjsx-mode/React/gsbu create mode 100644 snippets/rjsx-mode/React/hoc create mode 100644 snippets/rjsx-mode/React/impt create mode 100644 snippets/rjsx-mode/React/imr create mode 100644 snippets/rjsx-mode/React/imrc create mode 100644 snippets/rjsx-mode/React/imrcp create mode 100644 snippets/rjsx-mode/React/imrd create mode 100644 snippets/rjsx-mode/React/imrm create mode 100644 snippets/rjsx-mode/React/imrmp create mode 100644 snippets/rjsx-mode/React/imrpc create mode 100644 snippets/rjsx-mode/React/imrpcp create mode 100644 snippets/rjsx-mode/React/imrr create mode 100644 snippets/rjsx-mode/React/props create mode 100644 snippets/rjsx-mode/React/pta create mode 100644 snippets/rjsx-mode/React/ptany create mode 100644 snippets/rjsx-mode/React/ptao create mode 100644 snippets/rjsx-mode/React/ptaor create mode 100644 snippets/rjsx-mode/React/ptar create mode 100644 snippets/rjsx-mode/React/ptb create mode 100644 snippets/rjsx-mode/React/ptbr create mode 100644 snippets/rjsx-mode/React/pte create mode 100644 snippets/rjsx-mode/React/ptel create mode 100644 snippets/rjsx-mode/React/ptelr create mode 100644 snippets/rjsx-mode/React/pter create mode 100644 snippets/rjsx-mode/React/ptet create mode 100644 snippets/rjsx-mode/React/ptetr create mode 100644 snippets/rjsx-mode/React/ptf create mode 100644 snippets/rjsx-mode/React/ptfr create mode 100644 snippets/rjsx-mode/React/pti create mode 100644 snippets/rjsx-mode/React/ptir create mode 100644 snippets/rjsx-mode/React/ptn create mode 100644 snippets/rjsx-mode/React/ptnd create mode 100644 snippets/rjsx-mode/React/ptndr create mode 100644 snippets/rjsx-mode/React/ptnr create mode 100644 snippets/rjsx-mode/React/pto create mode 100644 snippets/rjsx-mode/React/ptoo create mode 100644 snippets/rjsx-mode/React/ptoor create mode 100644 snippets/rjsx-mode/React/ptor create mode 100644 snippets/rjsx-mode/React/pts create mode 100644 snippets/rjsx-mode/React/ptsh create mode 100644 snippets/rjsx-mode/React/ptshr create mode 100644 snippets/rjsx-mode/React/ptsr create mode 100644 snippets/rjsx-mode/React/ptypes create mode 100644 snippets/rjsx-mode/React/rafc create mode 100644 snippets/rjsx-mode/React/rafce create mode 100644 snippets/rjsx-mode/React/rafcp create mode 100644 snippets/rjsx-mode/React/rcc create mode 100644 snippets/rjsx-mode/React/rccp create mode 100644 snippets/rjsx-mode/React/rce create mode 100644 snippets/rjsx-mode/React/rcep create mode 100644 snippets/rjsx-mode/React/rconst create mode 100644 snippets/rjsx-mode/React/rcontext create mode 100644 snippets/rjsx-mode/React/ren create mode 100644 snippets/rjsx-mode/React/rfc create mode 100644 snippets/rjsx-mode/React/rfce create mode 100644 snippets/rjsx-mode/React/rfcp create mode 100644 snippets/rjsx-mode/React/rmc create mode 100644 snippets/rjsx-mode/React/rmcp create mode 100644 snippets/rjsx-mode/React/rpc create mode 100644 snippets/rjsx-mode/React/rpce create mode 100644 snippets/rjsx-mode/React/rpcp create mode 100644 snippets/rjsx-mode/React/scu create mode 100644 snippets/rjsx-mode/React/ssf create mode 100644 snippets/rjsx-mode/React/sst create mode 100644 snippets/rjsx-mode/React/state create mode 100644 snippets/rjsx-mode/Redux/hocredux create mode 100644 snippets/rjsx-mode/Redux/rcredux create mode 100644 snippets/rjsx-mode/Redux/redux create mode 100644 snippets/rjsx-mode/Redux/reduxmap create mode 100644 snippets/rjsx-mode/Redux/rncredux create mode 100644 snippets/rjsx-mode/Redux/rxaction create mode 100644 snippets/rjsx-mode/Redux/rxconst create mode 100644 snippets/rjsx-mode/Redux/rxreducer create mode 100644 snippets/rjsx-mode/Redux/rxselect diff --git a/snippets/rjsx-mode/.yas-make-groups b/snippets/rjsx-mode/.yas-make-groups new file mode 100644 index 0000000..e69de29 diff --git a/snippets/rjsx-mode/.yasparents b/snippets/rjsx-mode/.yasparents new file mode 100644 index 0000000..1da1e92 --- /dev/null +++ b/snippets/rjsx-mode/.yasparents @@ -0,0 +1,2 @@ +js-mode +js2-mode diff --git a/snippets/rjsx-mode/GraphQL/expgql b/snippets/rjsx-mode/GraphQL/expgql new file mode 100644 index 0000000..c5d7bbc --- /dev/null +++ b/snippets/rjsx-mode/GraphQL/expgql @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: ac6e22b0-886b-4a09-861b-c759bfb8fcbe +# contributor: Jimmy Yuen Ho Wong +# name: exportGraphQL +# key: expgql +# -- + +export default compose( + graphql(${1:queryOrMutation}, { name: ${2:name} }), +)(${1:${TM_FILENAME_BASE}}) + diff --git a/snippets/rjsx-mode/GraphQL/graphql b/snippets/rjsx-mode/GraphQL/graphql new file mode 100644 index 0000000..993e188 --- /dev/null +++ b/snippets/rjsx-mode/GraphQL/graphql @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 1a3750bd-8108-40f5-92b4-f0730272815c +# contributor: Jimmy Yuen Ho Wong +# name: graphQLForComponent +# key: graphql +# -- + +import { compose, graphql } from 'react-apollo' + + diff --git a/snippets/rjsx-mode/Jest/desc b/snippets/rjsx-mode/Jest/desc new file mode 100644 index 0000000..49161d1 --- /dev/null +++ b/snippets/rjsx-mode/Jest/desc @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: edfbca80-e069-46cd-a034-b1523e57c4a4 +# contributor: Jimmy Yuen Ho Wong +# name: describeBlock +# key: desc +# -- + +describe('$1', () => { + $0 +}) + + diff --git a/snippets/rjsx-mode/Jest/snrtest b/snippets/rjsx-mode/Jest/snrtest new file mode 100644 index 0000000..fef038e --- /dev/null +++ b/snippets/rjsx-mode/Jest/snrtest @@ -0,0 +1,29 @@ +# -*- mode: snippet -*- +# uuid: de59c777-b0cb-40b1-903a-a006987fef2e +# contributor: Jimmy Yuen Ho Wong +# name: setupReactNativeTestWithRedux +# key: snrtest +# -- + +import 'react-native' +import React from 'react' +import renderer from 'react-test-renderer' +import { Provider } from 'react-redux' + +import store from 'src/store' +import ${1:${TM_FILENAME_BASE}} from '../${1:${TM_FILENAME_BASE}}' + +describe('<${1:${TM_FILENAME_BASE}} />', () => { + const defaultProps = {} + const wrapper = renderer.create( + + <${1:${TM_FILENAME_BASE}} {...defaultProps} /> + , + ) + + test('render', () => { + expect(wrapper).toMatchSnapshot() + }) +}) + + diff --git a/snippets/rjsx-mode/Jest/sntest b/snippets/rjsx-mode/Jest/sntest new file mode 100644 index 0000000..01ba4b9 --- /dev/null +++ b/snippets/rjsx-mode/Jest/sntest @@ -0,0 +1,23 @@ +# -*- mode: snippet -*- +# uuid: fae867ad-ec86-4eff-bb90-a9bb07040eb7 +# contributor: Jimmy Yuen Ho Wong +# name: setupReactNativeTest +# key: sntest +# -- + +import 'react-native' +import React from 'react' +import renderer from 'react-test-renderer' + +import ${1:${TM_FILENAME_BASE}} from '../${1:${TM_FILENAME_BASE}}' + +describe('<${1:${TM_FILENAME_BASE}} />', () => { + const defaultProps = {} + const wrapper = renderer.create(<${1:${TM_FILENAME_BASE}} {...defaultProps} />) + + test('render', () => { + expect(wrapper).toMatchSnapshot() + }) +}) + + diff --git a/snippets/rjsx-mode/Jest/srtest b/snippets/rjsx-mode/Jest/srtest new file mode 100644 index 0000000..2e5f080 --- /dev/null +++ b/snippets/rjsx-mode/Jest/srtest @@ -0,0 +1,28 @@ +# -*- mode: snippet -*- +# uuid: 168f89c0-3e0b-4868-b090-50f6fc79d074 +# contributor: Jimmy Yuen Ho Wong +# name: setupReactComponentTestWithRedux +# key: srtest +# -- + +import React from 'react' +import renderer from 'react-test-renderer' +import { Provider } from 'react-redux' + +import store from 'src/store' +import { ${1:${TM_FILENAME_BASE}} } from '../${1:${TM_FILENAME_BASE}}' + +describe('<${1:${TM_FILENAME_BASE}} />', () => { + const defaultProps = {} + const wrapper = renderer.create( + + <${1:${TM_FILENAME_BASE}} {...defaultProps} /> + , + ) + + test('render', () => { + expect(wrapper).toMatchSnapshot() + }) +}) + + diff --git a/snippets/rjsx-mode/Jest/stest b/snippets/rjsx-mode/Jest/stest new file mode 100644 index 0000000..7527587 --- /dev/null +++ b/snippets/rjsx-mode/Jest/stest @@ -0,0 +1,22 @@ +# -*- mode: snippet -*- +# uuid: ddc5cfd4-640f-4fb3-9f85-667de1e4a345 +# contributor: Jimmy Yuen Ho Wong +# name: setupTest +# key: stest +# -- + +import React from 'react' +import renderer from 'react-test-renderer' + +import { ${1:${TM_FILENAME_BASE}} } from '../${1:${TM_FILENAME_BASE}}' + +describe('<${1:${TM_FILENAME_BASE}} />', () => { + const defaultProps = {} + const wrapper = renderer.create(<${1:${TM_FILENAME_BASE}} {...defaultProps} />) + + test('render', () => { + expect(wrapper).toMatchSnapshot() + }) +}) + + diff --git a/snippets/rjsx-mode/Jest/test b/snippets/rjsx-mode/Jest/test new file mode 100644 index 0000000..76711e4 --- /dev/null +++ b/snippets/rjsx-mode/Jest/test @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: 190f78b4-17ec-429e-aaf1-3231726ca580 +# contributor: Jimmy Yuen Ho Wong +# name: testBlock +# key: test +# -- + +test('should $1', () => { + $0 +}) + + diff --git a/snippets/rjsx-mode/Jest/tit b/snippets/rjsx-mode/Jest/tit new file mode 100644 index 0000000..358e768 --- /dev/null +++ b/snippets/rjsx-mode/Jest/tit @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: 96dcd16f-ee34-4832-8637-6610819df6ba +# contributor: Jimmy Yuen Ho Wong +# name: itBlock +# key: tit +# -- + +it('should $1', () => { + $0 +}) + + diff --git a/snippets/rjsx-mode/React-Native/imrn b/snippets/rjsx-mode/React-Native/imrn new file mode 100644 index 0000000..644900f --- /dev/null +++ b/snippets/rjsx-mode/React-Native/imrn @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 1eff0de2-eeb3-457f-b935-7a733a03d378 +# contributor: Jimmy Yuen Ho Wong +# name: reactNativeImport +# key: imrn +# -- + +import { ${1:moduleName} } from 'react-native' + diff --git a/snippets/rjsx-mode/React-Native/rnc b/snippets/rjsx-mode/React-Native/rnc new file mode 100644 index 0000000..4f01c16 --- /dev/null +++ b/snippets/rjsx-mode/React-Native/rnc @@ -0,0 +1,21 @@ +# -*- mode: snippet -*- +# uuid: c4aa3b3e-82af-434b-acc5-b08bf018e0aa +# contributor: Jimmy Yuen Ho Wong +# name: reactNativeComponent +# key: rnc +# -- + +import React, { Component } from 'react' +import { Text, View } from 'react-native' + +export default class ${1:${TM_FILENAME_BASE}} extends Component { + render() { + return ( + + ${2:textInComponent} + + ) + } +} + + diff --git a/snippets/rjsx-mode/React-Native/rnce b/snippets/rjsx-mode/React-Native/rnce new file mode 100644 index 0000000..906f1a2 --- /dev/null +++ b/snippets/rjsx-mode/React-Native/rnce @@ -0,0 +1,23 @@ +# -*- mode: snippet -*- +# uuid: 27262af6-b8a7-4165-bbfb-815f62eb3d4f +# contributor: Jimmy Yuen Ho Wong +# name: reactNativeComponentExport +# key: rnce +# -- + +import React, { Component } from 'react' +import { Text, View } from 'react-native' + +export class ${1:${TM_FILENAME_BASE}} extends Component { + render() { + return ( + + ${2:textInComponent} + + ) + } +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React-Native/rncs b/snippets/rjsx-mode/React-Native/rncs new file mode 100644 index 0000000..927eb85 --- /dev/null +++ b/snippets/rjsx-mode/React-Native/rncs @@ -0,0 +1,23 @@ +# -*- mode: snippet -*- +# uuid: 6a9c7016-01b0-4c5c-84d6-28a688d81a4b +# contributor: Jimmy Yuen Ho Wong +# name: reactNativeComponentWithStyles +# key: rncs +# -- + +import React, { Component } from 'react' +import { Text, StyleSheet, View } from 'react-native' + +export default class ${1:${TM_FILENAME_BASE}} extends Component { + render() { + return ( + + ${2:textInComponent} + + ) + } +} + +const styles = StyleSheet.create({}) + + diff --git a/snippets/rjsx-mode/React-Native/rnpc b/snippets/rjsx-mode/React-Native/rnpc new file mode 100644 index 0000000..3568b53 --- /dev/null +++ b/snippets/rjsx-mode/React-Native/rnpc @@ -0,0 +1,21 @@ +# -*- mode: snippet -*- +# uuid: d30232be-9660-4736-9fdc-4e50559db3d1 +# contributor: Jimmy Yuen Ho Wong +# name: reactNativePureComponent +# key: rnpc +# -- + +import React, { PureComponent } from 'react' +import { Text, View } from 'react-native' + +export default class ${1:${TM_FILENAME_BASE}} extends PureComponent { + render() { + return ( + + ${2:textInComponent} + + ) + } +} + + diff --git a/snippets/rjsx-mode/React-Native/rnpce b/snippets/rjsx-mode/React-Native/rnpce new file mode 100644 index 0000000..96085cc --- /dev/null +++ b/snippets/rjsx-mode/React-Native/rnpce @@ -0,0 +1,23 @@ +# -*- mode: snippet -*- +# uuid: b36666f2-3ac6-4ee7-9f17-b32d82705306 +# contributor: Jimmy Yuen Ho Wong +# name: reactNativePureComponentExport +# key: rnpce +# -- + +import React, { PureComponent } from 'react' +import { Text, View } from 'react-native' + +export class ${1:${TM_FILENAME_BASE}} extends PureComponent { + render() { + return ( + + ${2:textInComponent} + + ) + } +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React-Native/rnstyle b/snippets/rjsx-mode/React-Native/rnstyle new file mode 100644 index 0000000..5a9de63 --- /dev/null +++ b/snippets/rjsx-mode/React-Native/rnstyle @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: 0b1a0e2b-5577-4a15-bbbb-d573376c8587 +# contributor: Jimmy Yuen Ho Wong +# name: reactNativeStyles +# key: rnstyle +# -- + +const styles = StyleSheet.create({ + ${1:style} +}) + + diff --git a/snippets/rjsx-mode/React/cdm b/snippets/rjsx-mode/React/cdm new file mode 100644 index 0000000..48b7963 --- /dev/null +++ b/snippets/rjsx-mode/React/cdm @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: fed15504-4984-4bd8-a6d6-b1f34bccc721 +# contributor: Jimmy Yuen Ho Wong +# name: componentDidMount +# key: cdm +# -- + +componentDidMount = () => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/cdup b/snippets/rjsx-mode/React/cdup new file mode 100644 index 0000000..13fa95c --- /dev/null +++ b/snippets/rjsx-mode/React/cdup @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: a283c221-42f9-46f9-abaf-f41ef7f5812c +# contributor: Jimmy Yuen Ho Wong +# name: componentDidUpdate +# key: cdup +# -- + +componentDidUpdate = (prevProps, prevState) => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/cp b/snippets/rjsx-mode/React/cp new file mode 100644 index 0000000..b92300d --- /dev/null +++ b/snippets/rjsx-mode/React/cp @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: dcd12a23-82f9-4779-8847-1ff9a7fdaecc +# contributor: Jimmy Yuen Ho Wong +# name: destructProps +# key: cp +# -- + +const { $1 } = this.props + diff --git a/snippets/rjsx-mode/React/cref b/snippets/rjsx-mode/React/cref new file mode 100644 index 0000000..2b49119 --- /dev/null +++ b/snippets/rjsx-mode/React/cref @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 137d875c-953c-4180-bda6-0522b99af83a +# contributor: Jimmy Yuen Ho Wong +# name: createRef +# key: cref +# -- + +this.${1:refName}Ref = React.createRef() + + diff --git a/snippets/rjsx-mode/React/cs b/snippets/rjsx-mode/React/cs new file mode 100644 index 0000000..9d45f28 --- /dev/null +++ b/snippets/rjsx-mode/React/cs @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 091603e8-70cf-42fa-89c0-4fb046aea976 +# contributor: Jimmy Yuen Ho Wong +# name: destructState +# key: cs +# -- + +const { $1 } = this.state + diff --git a/snippets/rjsx-mode/React/cwm b/snippets/rjsx-mode/React/cwm new file mode 100644 index 0000000..7953a0a --- /dev/null +++ b/snippets/rjsx-mode/React/cwm @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: dba0d644-e837-40ad-8082-bbe583fa444f +# contributor: Jimmy Yuen Ho Wong +# name: componentWillMount +# key: cwm +# -- + +componentWillMount = () => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/cwr b/snippets/rjsx-mode/React/cwr new file mode 100644 index 0000000..b0a7699 --- /dev/null +++ b/snippets/rjsx-mode/React/cwr @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: 59e0e0d0-6efb-475f-a482-3d76f2f561a0 +# contributor: Jimmy Yuen Ho Wong +# name: componentWillReceiveProps +# key: cwr +# -- + +componentWillReceiveProps = (nextProps) => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/cwun b/snippets/rjsx-mode/React/cwun new file mode 100644 index 0000000..2a5aa53 --- /dev/null +++ b/snippets/rjsx-mode/React/cwun @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: f9e81a1f-356b-482d-9795-fc58fe00432d +# contributor: Jimmy Yuen Ho Wong +# name: componentWillUnmount +# key: cwun +# -- + +componentWillUnmount = () => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/cwup b/snippets/rjsx-mode/React/cwup new file mode 100644 index 0000000..be0e296 --- /dev/null +++ b/snippets/rjsx-mode/React/cwup @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: cd9a8917-1ad1-4de8-a382-cdf0c2e72943 +# contributor: Jimmy Yuen Ho Wong +# name: componentWillUpdate +# key: cwup +# -- + +componentWillUpdate = (nextProps, nextState) => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/est b/snippets/rjsx-mode/React/est new file mode 100644 index 0000000..8fada30 --- /dev/null +++ b/snippets/rjsx-mode/React/est @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: d1b4eeda-bb83-4aa0-ba21-d0d89671947f +# contributor: Jimmy Yuen Ho Wong +# name: emptyState +# key: est +# -- + +state = { + $1 +} + + diff --git a/snippets/rjsx-mode/React/fref b/snippets/rjsx-mode/React/fref new file mode 100644 index 0000000..ef0d1aa --- /dev/null +++ b/snippets/rjsx-mode/React/fref @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 77cf7d01-d7db-40c5-856f-4fbd79a3f1d7 +# contributor: Jimmy Yuen Ho Wong +# name: forwardRef +# key: fref +# -- + +const ref = React.createRef() + + diff --git a/snippets/rjsx-mode/React/gdsfp b/snippets/rjsx-mode/React/gdsfp new file mode 100644 index 0000000..67b083b --- /dev/null +++ b/snippets/rjsx-mode/React/gdsfp @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: 3eeec841-9d3b-4e5c-93af-f478ffacc3f1 +# contributor: Jimmy Yuen Ho Wong +# name: getDerivedStateFromProps +# key: gdsfp +# -- + +static getDerivedStateFromProps(props, state) { + ${1} +} + diff --git a/snippets/rjsx-mode/React/gsbu b/snippets/rjsx-mode/React/gsbu new file mode 100644 index 0000000..7be2115 --- /dev/null +++ b/snippets/rjsx-mode/React/gsbu @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: 6a682f76-d7e3-4983-bf11-735fa7143113 +# contributor: Jimmy Yuen Ho Wong +# name: getSnapshotBeforeUpdate +# key: gsbu +# -- + +getSnapshotBeforeUpdate = (prevProps, prevState) => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/hoc b/snippets/rjsx-mode/React/hoc new file mode 100644 index 0000000..376071f --- /dev/null +++ b/snippets/rjsx-mode/React/hoc @@ -0,0 +1,20 @@ +# -*- mode: snippet -*- +# uuid: 0fccd0f9-2e0c-46e3-88e4-699b6adb680e +# contributor: Jimmy Yuen Ho Wong +# name: hocComponent +# key: hoc +# -- + +import React from 'react' +import PropTypes from 'prop-types' + +export default (WrappedComponent) => { + const hocComponent = ({ ...props }) => + + hocComponent.propTypes = { + } + + return hocComponent +} + + diff --git a/snippets/rjsx-mode/React/impt b/snippets/rjsx-mode/React/impt new file mode 100644 index 0000000..a523975 --- /dev/null +++ b/snippets/rjsx-mode/React/impt @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 33c4817a-b813-4326-8c37-383a6b731f0a +# contributor: Jimmy Yuen Ho Wong +# name: import PropTypes +# key: impt +# -- + +import PropTypes from 'prop-types' + + diff --git a/snippets/rjsx-mode/React/imr b/snippets/rjsx-mode/React/imr new file mode 100644 index 0000000..a27fde6 --- /dev/null +++ b/snippets/rjsx-mode/React/imr @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: eab40eaf-3ddc-4994-9618-d575a82393fb +# contributor: Jimmy Yuen Ho Wong +# name: import React +# key: imr +# -- + +import React from 'react' + + diff --git a/snippets/rjsx-mode/React/imrc b/snippets/rjsx-mode/React/imrc new file mode 100644 index 0000000..00c79d7 --- /dev/null +++ b/snippets/rjsx-mode/React/imrc @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 2e166e7c-41e6-4fb3-a6f5-2c1d9b1dacc2 +# contributor: Jimmy Yuen Ho Wong +# name: import React, { Component } +# key: imrc +# -- + +import React, { Component } from 'react' + + diff --git a/snippets/rjsx-mode/React/imrcp b/snippets/rjsx-mode/React/imrcp new file mode 100644 index 0000000..0b09256 --- /dev/null +++ b/snippets/rjsx-mode/React/imrcp @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: 93c2e805-e6f9-4fc1-b664-3fd35d288574 +# contributor: Jimmy Yuen Ho Wong +# name: import React, { Component } & PropTypes +# key: imrcp +# -- + +import React, { Component } from 'react' +import PropTypes from 'prop-types' + + diff --git a/snippets/rjsx-mode/React/imrd b/snippets/rjsx-mode/React/imrd new file mode 100644 index 0000000..d19b4fa --- /dev/null +++ b/snippets/rjsx-mode/React/imrd @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 733c4c97-18be-443d-a929-5a562dacf02b +# contributor: Jimmy Yuen Ho Wong +# name: import ReactDOM +# key: imrd +# -- + +import ReactDOM from 'react-dom' + + diff --git a/snippets/rjsx-mode/React/imrm b/snippets/rjsx-mode/React/imrm new file mode 100644 index 0000000..714f19e --- /dev/null +++ b/snippets/rjsx-mode/React/imrm @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 5c0b476d-98e2-4696-abe2-fadd659dc136 +# contributor: Jimmy Yuen Ho Wong +# name: import React, { memo } +# key: imrm +# -- + +import React, { memo } from 'react' + + diff --git a/snippets/rjsx-mode/React/imrmp b/snippets/rjsx-mode/React/imrmp new file mode 100644 index 0000000..35bc6f2 --- /dev/null +++ b/snippets/rjsx-mode/React/imrmp @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: c226a4f1-847a-4fe5-acb4-01489ff3883f +# contributor: Jimmy Yuen Ho Wong +# name: import React, { memo } & PropTypes +# key: imrmp +# -- + +import React, { memo } from 'react' +import PropTypes from 'prop-types' + + diff --git a/snippets/rjsx-mode/React/imrpc b/snippets/rjsx-mode/React/imrpc new file mode 100644 index 0000000..55d2b3e --- /dev/null +++ b/snippets/rjsx-mode/React/imrpc @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: b3a74dbd-aecf-4a5d-b2ae-5181ece57838 +# contributor: Jimmy Yuen Ho Wong +# name: import React, { PureComponent } +# key: imrpc +# -- + +import React, { PureComponent } from 'react' + + diff --git a/snippets/rjsx-mode/React/imrpcp b/snippets/rjsx-mode/React/imrpcp new file mode 100644 index 0000000..cbb10e7 --- /dev/null +++ b/snippets/rjsx-mode/React/imrpcp @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: b3d7bbf4-ad54-43c2-84d6-12448dc9f00b +# contributor: Jimmy Yuen Ho Wong +# name: import React, { PureComponent } & PropTypes +# key: imrpcp +# -- + +import React, { PureComponent } from 'react' +import PropTypes from 'prop-types' + + diff --git a/snippets/rjsx-mode/React/imrr b/snippets/rjsx-mode/React/imrr new file mode 100644 index 0000000..5a75c22 --- /dev/null +++ b/snippets/rjsx-mode/React/imrr @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 7dfa38c5-1e83-4c4f-b9bb-eaa17fbaba58 +# contributor: Jimmy Yuen Ho Wong +# name: import React Router +# key: imrr +# -- + +import { BrowserRouter as Router, Route, Link } from 'react-router-dom' + + diff --git a/snippets/rjsx-mode/React/props b/snippets/rjsx-mode/React/props new file mode 100644 index 0000000..4bc31c5 --- /dev/null +++ b/snippets/rjsx-mode/React/props @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: ffd28ce2-1575-4e26-9e12-65c23d3f9ca2 +# contributor: Jimmy Yuen Ho Wong +# name: componentProps +# key: props +# -- + +this.props.$0 + diff --git a/snippets/rjsx-mode/React/pta b/snippets/rjsx-mode/React/pta new file mode 100644 index 0000000..ba887dd --- /dev/null +++ b/snippets/rjsx-mode/React/pta @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 128e90f1-5994-4011-92e6-9263fc186c71 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeArray +# key: pta +# -- + +PropTypes.array, + diff --git a/snippets/rjsx-mode/React/ptany b/snippets/rjsx-mode/React/ptany new file mode 100644 index 0000000..3c2caf2 --- /dev/null +++ b/snippets/rjsx-mode/React/ptany @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 08932a85-31e3-4763-a210-7147d1c960e1 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeAny +# key: ptany +# -- + +PropTypes.any, + diff --git a/snippets/rjsx-mode/React/ptao b/snippets/rjsx-mode/React/ptao new file mode 100644 index 0000000..a7fdfd8 --- /dev/null +++ b/snippets/rjsx-mode/React/ptao @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: a6c1a991-4c85-411c-b883-e1b74a6cc609 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeArrayOf +# key: ptao +# -- + +PropTypes.arrayOf($0), + diff --git a/snippets/rjsx-mode/React/ptaor b/snippets/rjsx-mode/React/ptaor new file mode 100644 index 0000000..f0d7712 --- /dev/null +++ b/snippets/rjsx-mode/React/ptaor @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: f2e72fa4-efc0-4cb3-a03b-0a5f190a2f06 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeArrayOfRequired +# key: ptaor +# -- + +PropTypes.arrayOf($0).isRequired, + diff --git a/snippets/rjsx-mode/React/ptar b/snippets/rjsx-mode/React/ptar new file mode 100644 index 0000000..6561638 --- /dev/null +++ b/snippets/rjsx-mode/React/ptar @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: a67e2217-054e-441c-90cb-514317ce7147 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeArrayRequired +# key: ptar +# -- + +PropTypes.array.isRequired, + diff --git a/snippets/rjsx-mode/React/ptb b/snippets/rjsx-mode/React/ptb new file mode 100644 index 0000000..1bb037c --- /dev/null +++ b/snippets/rjsx-mode/React/ptb @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 92723ee5-aa37-4b1a-be15-c9a730961575 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeBool +# key: ptb +# -- + +PropTypes.bool, + diff --git a/snippets/rjsx-mode/React/ptbr b/snippets/rjsx-mode/React/ptbr new file mode 100644 index 0000000..d923af1 --- /dev/null +++ b/snippets/rjsx-mode/React/ptbr @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: dbde6c9f-ee5e-4011-9408-a8893b9f3286 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeBoolRequired +# key: ptbr +# -- + +PropTypes.bool.isRequired, + diff --git a/snippets/rjsx-mode/React/pte b/snippets/rjsx-mode/React/pte new file mode 100644 index 0000000..29cc20b --- /dev/null +++ b/snippets/rjsx-mode/React/pte @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 56738701-7759-43b2-b3a5-f61077f00679 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeEnum +# key: pte +# -- + +PropTypes.oneOf(['$0']), + diff --git a/snippets/rjsx-mode/React/ptel b/snippets/rjsx-mode/React/ptel new file mode 100644 index 0000000..df668f8 --- /dev/null +++ b/snippets/rjsx-mode/React/ptel @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 106b9955-0b26-4442-aebe-e69629a43856 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeElement +# key: ptel +# -- + +PropTypes.element, + diff --git a/snippets/rjsx-mode/React/ptelr b/snippets/rjsx-mode/React/ptelr new file mode 100644 index 0000000..a35806c --- /dev/null +++ b/snippets/rjsx-mode/React/ptelr @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: bf1ecbad-63d0-4f2d-a28f-f1f76d4da162 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeElementRequired +# key: ptelr +# -- + +PropTypes.element.isRequired, + diff --git a/snippets/rjsx-mode/React/pter b/snippets/rjsx-mode/React/pter new file mode 100644 index 0000000..9e026d8 --- /dev/null +++ b/snippets/rjsx-mode/React/pter @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: d2971e16-ac74-4270-864e-9d771a0ba3d8 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeEnumRequired +# key: pter +# -- + +PropTypes.oneOf(['$0']).isRequired, + diff --git a/snippets/rjsx-mode/React/ptet b/snippets/rjsx-mode/React/ptet new file mode 100644 index 0000000..11a8274 --- /dev/null +++ b/snippets/rjsx-mode/React/ptet @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: fffe178e-0de7-4cd0-b3a0-b9d6679738d7 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeOneOfType +# key: ptet +# -- + +PropTypes.oneOfType([ + $0 +]), + diff --git a/snippets/rjsx-mode/React/ptetr b/snippets/rjsx-mode/React/ptetr new file mode 100644 index 0000000..540adaa --- /dev/null +++ b/snippets/rjsx-mode/React/ptetr @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: 2e95e787-9b25-4618-a16f-7d290a80ef17 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeOneOfTypeRequired +# key: ptetr +# -- + +PropTypes.oneOfType([ + $0 +]).isRequired, + diff --git a/snippets/rjsx-mode/React/ptf b/snippets/rjsx-mode/React/ptf new file mode 100644 index 0000000..e76ba3c --- /dev/null +++ b/snippets/rjsx-mode/React/ptf @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: c1ba108b-8b55-4c1f-bc6b-04f3d0aa489f +# contributor: Jimmy Yuen Ho Wong +# name: propTypeFunc +# key: ptf +# -- + +PropTypes.func, + diff --git a/snippets/rjsx-mode/React/ptfr b/snippets/rjsx-mode/React/ptfr new file mode 100644 index 0000000..7acb29e --- /dev/null +++ b/snippets/rjsx-mode/React/ptfr @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 5f377808-588a-48a1-8da3-fcabfcea78e6 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeFuncRequired +# key: ptfr +# -- + +PropTypes.func.isRequired, + diff --git a/snippets/rjsx-mode/React/pti b/snippets/rjsx-mode/React/pti new file mode 100644 index 0000000..7c810d0 --- /dev/null +++ b/snippets/rjsx-mode/React/pti @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 2b76dd2b-5065-47b9-a8f9-9c25c49327c5 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeInstanceOf +# key: pti +# -- + +PropTypes.instanceOf($0), + diff --git a/snippets/rjsx-mode/React/ptir b/snippets/rjsx-mode/React/ptir new file mode 100644 index 0000000..411cb85 --- /dev/null +++ b/snippets/rjsx-mode/React/ptir @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 7fcf75fb-2d69-4d9d-af72-9667d13831d8 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeInstanceOfRequired +# key: ptir +# -- + +PropTypes.instanceOf($0).isRequired, + diff --git a/snippets/rjsx-mode/React/ptn b/snippets/rjsx-mode/React/ptn new file mode 100644 index 0000000..536f67b --- /dev/null +++ b/snippets/rjsx-mode/React/ptn @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 6c2482e1-a8c3-4b2a-a3b2-3e4eedabd3e4 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeNumber +# key: ptn +# -- + +PropTypes.number, + diff --git a/snippets/rjsx-mode/React/ptnd b/snippets/rjsx-mode/React/ptnd new file mode 100644 index 0000000..7a1f938 --- /dev/null +++ b/snippets/rjsx-mode/React/ptnd @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 9902d633-c968-4215-835a-3e229678ea02 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeNode +# key: ptnd +# -- + +PropTypes.node, + diff --git a/snippets/rjsx-mode/React/ptndr b/snippets/rjsx-mode/React/ptndr new file mode 100644 index 0000000..4af4d17 --- /dev/null +++ b/snippets/rjsx-mode/React/ptndr @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 2d93109e-3916-42b5-afda-692d0ea2e784 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeNodeRequired +# key: ptndr +# -- + +PropTypes.node.isRequired, + diff --git a/snippets/rjsx-mode/React/ptnr b/snippets/rjsx-mode/React/ptnr new file mode 100644 index 0000000..0e16ebc --- /dev/null +++ b/snippets/rjsx-mode/React/ptnr @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 8fdab8f9-bce1-4f0f-8b9a-3d2f3d674b39 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeNumberRequired +# key: ptnr +# -- + +PropTypes.number.isRequired, + diff --git a/snippets/rjsx-mode/React/pto b/snippets/rjsx-mode/React/pto new file mode 100644 index 0000000..939ecdb --- /dev/null +++ b/snippets/rjsx-mode/React/pto @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: ee3e2d3d-7d9d-42e8-a05f-ca30b04a7507 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeObject +# key: pto +# -- + +PropTypes.object, + diff --git a/snippets/rjsx-mode/React/ptoo b/snippets/rjsx-mode/React/ptoo new file mode 100644 index 0000000..244dd57 --- /dev/null +++ b/snippets/rjsx-mode/React/ptoo @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 9681a478-42a2-4253-b652-ce92f5be6432 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeObjectOf +# key: ptoo +# -- + +PropTypes.objectOf($0), + diff --git a/snippets/rjsx-mode/React/ptoor b/snippets/rjsx-mode/React/ptoor new file mode 100644 index 0000000..baec771 --- /dev/null +++ b/snippets/rjsx-mode/React/ptoor @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 6179536d-f392-4fe6-9c01-e1d59e7c0cc4 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeObjectOfRequired +# key: ptoor +# -- + +PropTypes.objectOf($0).isRequired, + diff --git a/snippets/rjsx-mode/React/ptor b/snippets/rjsx-mode/React/ptor new file mode 100644 index 0000000..e1c228d --- /dev/null +++ b/snippets/rjsx-mode/React/ptor @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: b0e07d72-3b54-4c30-a379-015b9537cf33 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeObjectRequired +# key: ptor +# -- + +PropTypes.object.isRequired, + diff --git a/snippets/rjsx-mode/React/pts b/snippets/rjsx-mode/React/pts new file mode 100644 index 0000000..bf45464 --- /dev/null +++ b/snippets/rjsx-mode/React/pts @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 00414dbf-83ff-4777-949f-79e94d32f661 +# contributor: Jimmy Yuen Ho Wong +# name: propTypeString +# key: pts +# -- + +PropTypes.string, + diff --git a/snippets/rjsx-mode/React/ptsh b/snippets/rjsx-mode/React/ptsh new file mode 100644 index 0000000..2cd77aa --- /dev/null +++ b/snippets/rjsx-mode/React/ptsh @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: d370d2c0-4093-4186-9102-070b1077ef1e +# contributor: Jimmy Yuen Ho Wong +# name: propTypeShape +# key: ptsh +# -- + +PropTypes.shape({ + $0 +}), + diff --git a/snippets/rjsx-mode/React/ptshr b/snippets/rjsx-mode/React/ptshr new file mode 100644 index 0000000..92012f8 --- /dev/null +++ b/snippets/rjsx-mode/React/ptshr @@ -0,0 +1,11 @@ +# -*- mode: snippet -*- +# uuid: 51708c90-2ba2-4ed4-bda9-e99e71ec3eeb +# contributor: Jimmy Yuen Ho Wong +# name: propTypeShapeRequired +# key: ptshr +# -- + +PropTypes.shape({ + $0 +}).isRequired, + diff --git a/snippets/rjsx-mode/React/ptsr b/snippets/rjsx-mode/React/ptsr new file mode 100644 index 0000000..37b2410 --- /dev/null +++ b/snippets/rjsx-mode/React/ptsr @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: b81ebfbd-fea2-4357-94c2-ad8fdd0efb4d +# contributor: Jimmy Yuen Ho Wong +# name: propTypeStringRequired +# key: ptsr +# -- + +PropTypes.string.isRequired, + diff --git a/snippets/rjsx-mode/React/ptypes b/snippets/rjsx-mode/React/ptypes new file mode 100644 index 0000000..49f4df0 --- /dev/null +++ b/snippets/rjsx-mode/React/ptypes @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: 287a1b5e-57e6-4e00-b2af-24dd61bf6d8c +# contributor: Jimmy Yuen Ho Wong +# name: staticPropTpyes +# key: ptypes +# -- + +static propTypes = { +$0 +} + + diff --git a/snippets/rjsx-mode/React/rafc b/snippets/rjsx-mode/React/rafc new file mode 100644 index 0000000..08f02ad --- /dev/null +++ b/snippets/rjsx-mode/React/rafc @@ -0,0 +1,20 @@ +# -*- mode: snippet -*- +# uuid: 7c78fcf4-0cc0-4590-9abe-a9fc7b2a24e2 +# contributor: Jimmy Yuen Ho Wong +# name: reactArrowFunctionComponent +# key: rafc +# -- + +import React from 'react' + +const ${1:${TM_FILENAME_BASE}} = () => { + return ( +
+ $0 +
+ ) +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React/rafce b/snippets/rjsx-mode/React/rafce new file mode 100644 index 0000000..0466e22 --- /dev/null +++ b/snippets/rjsx-mode/React/rafce @@ -0,0 +1,20 @@ +# -*- mode: snippet -*- +# uuid: 65be124a-71d0-4fd9-975a-08d6ec6f9c58 +# contributor: Jimmy Yuen Ho Wong +# name: reactArrowFunctionExportComponent +# key: rafce +# -- + +import React from 'react' + +const ${1:${TM_FILENAME_BASE}} = () => { + return ( +
+ $0 +
+ ) +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React/rafcp b/snippets/rjsx-mode/React/rafcp new file mode 100644 index 0000000..1e24a26 --- /dev/null +++ b/snippets/rjsx-mode/React/rafcp @@ -0,0 +1,25 @@ +# -*- mode: snippet -*- +# uuid: a85f3fea-065d-499b-a297-b6e3f516c2d7 +# contributor: Jimmy Yuen Ho Wong +# name: reactArrowFunctionComponentWithPropTypes +# key: rafcp +# -- + +import React from 'react' +import PropTypes from 'prop-types' + +const ${1:${TM_FILENAME_BASE}} = props => { + return ( +
+ $0 +
+ ) +} + +${1:${TM_FILENAME_BASE}}.propTypes = { + +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React/rcc b/snippets/rjsx-mode/React/rcc new file mode 100644 index 0000000..c8ba4c2 --- /dev/null +++ b/snippets/rjsx-mode/React/rcc @@ -0,0 +1,20 @@ +# -*- mode: snippet -*- +# uuid: 5fa22440-fa5b-4f3e-98d5-9abe8c68fd5b +# contributor: Jimmy Yuen Ho Wong +# name: reactClassCompoment +# key: rcc +# -- + +import React, { Component } from 'react' + +export default class ${1:${TM_FILENAME_BASE}} extends Component { + render() { + return ( +
+ $0 +
+ ) + } +} + + diff --git a/snippets/rjsx-mode/React/rccp b/snippets/rjsx-mode/React/rccp new file mode 100644 index 0000000..7e83be2 --- /dev/null +++ b/snippets/rjsx-mode/React/rccp @@ -0,0 +1,25 @@ +# -*- mode: snippet -*- +# uuid: f8a0e704-88a4-4c72-8b9e-44fcf0290ae7 +# contributor: Jimmy Yuen Ho Wong +# name: reactClassCompomentPropTypes +# key: rccp +# -- + +import React, { Component } from 'react' +import PropTypes from 'prop-types' + +export default class ${1:${TM_FILENAME_BASE}} extends Component { + static propTypes = { + ${2:prop}: ${3:PropTypes} + } + + render() { + return ( +
+ $0 +
+ ) + } +} + + diff --git a/snippets/rjsx-mode/React/rce b/snippets/rjsx-mode/React/rce new file mode 100644 index 0000000..a81af3f --- /dev/null +++ b/snippets/rjsx-mode/React/rce @@ -0,0 +1,22 @@ +# -*- mode: snippet -*- +# uuid: 43afee80-d7ef-41f5-8aa5-2571c4332da0 +# contributor: Jimmy Yuen Ho Wong +# name: reactClassExportComponent +# key: rce +# -- + +import React, { Component } from 'react' + +export class ${1:${TM_FILENAME_BASE}} extends Component { + render() { + return ( +
+ $0 +
+ ) + } +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React/rcep b/snippets/rjsx-mode/React/rcep new file mode 100644 index 0000000..baf6462 --- /dev/null +++ b/snippets/rjsx-mode/React/rcep @@ -0,0 +1,27 @@ +# -*- mode: snippet -*- +# uuid: 5792fd46-6659-42c4-9c71-d7ca7d72a2a0 +# contributor: Jimmy Yuen Ho Wong +# name: reactClassExportComponentWithPropTypes +# key: rcep +# -- + +import React, { Component } from 'react' +import PropTypes from 'prop-types' + +export class ${1:${TM_FILENAME_BASE}} extends Component { + static propTypes = { + + } + + render() { + return ( +
+ $0 +
+ ) + } +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React/rconst b/snippets/rjsx-mode/React/rconst new file mode 100644 index 0000000..b92e1db --- /dev/null +++ b/snippets/rjsx-mode/React/rconst @@ -0,0 +1,16 @@ +# -*- mode: snippet -*- +# uuid: 01abffb6-2b92-423d-850b-51ee5fdf4117 +# contributor: Jimmy Yuen Ho Wong +# name: classConstructor +# key: rconst +# -- + +constructor(props) { + super(props) + + this.state = { + $0 + } +} + + diff --git a/snippets/rjsx-mode/React/rcontext b/snippets/rjsx-mode/React/rcontext new file mode 100644 index 0000000..ec8106b --- /dev/null +++ b/snippets/rjsx-mode/React/rcontext @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: f33474db-1dd4-402b-852a-2c486d464213 +# contributor: Jimmy Yuen Ho Wong +# name: createContext +# key: rcontext +# -- + +const ${1:contextName} = React.createContext() + + diff --git a/snippets/rjsx-mode/React/ren b/snippets/rjsx-mode/React/ren new file mode 100644 index 0000000..d34d1bd --- /dev/null +++ b/snippets/rjsx-mode/React/ren @@ -0,0 +1,15 @@ +# -*- mode: snippet -*- +# uuid: bfc91d09-863d-4e5d-96bf-afbd234f7ca8 +# contributor: Jimmy Yuen Ho Wong +# name: componentRender +# key: ren +# -- + +render() { + return ( +
+ $0 +
+ ) +} + diff --git a/snippets/rjsx-mode/React/rfc b/snippets/rjsx-mode/React/rfc new file mode 100644 index 0000000..38cd917 --- /dev/null +++ b/snippets/rjsx-mode/React/rfc @@ -0,0 +1,18 @@ +# -*- mode: snippet -*- +# uuid: 65bc7baa-3368-4398-a208-fb1d92694183 +# contributor: Jimmy Yuen Ho Wong +# name: reactFunctionalComponent +# key: rfc +# -- + +import React from 'react' + +export default function ${1:${TM_FILENAME_BASE}}() { + return ( +
+ $0 +
+ ) +} + + diff --git a/snippets/rjsx-mode/React/rfce b/snippets/rjsx-mode/React/rfce new file mode 100644 index 0000000..7bf18f6 --- /dev/null +++ b/snippets/rjsx-mode/React/rfce @@ -0,0 +1,20 @@ +# -*- mode: snippet -*- +# uuid: 48f9521a-2b4e-4f71-850e-ecd47261a7a6 +# contributor: Jimmy Yuen Ho Wong +# name: reactFunctionalExportComponent +# key: rfce +# -- + +import React from 'react' + +function ${1:${TM_FILENAME_BASE}}() { + return ( +
+ $0 +
+ ) +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React/rfcp b/snippets/rjsx-mode/React/rfcp new file mode 100644 index 0000000..c4029f9 --- /dev/null +++ b/snippets/rjsx-mode/React/rfcp @@ -0,0 +1,26 @@ +# -*- mode: snippet -*- +# uuid: f24b6de3-135e-4da0-81d9-0f479f3b11dd +# contributor: Jimmy Yuen Ho Wong +# name: reactFunctionalComponentWithPropTypes +# key: rfcp +# -- + +import React from 'react' +import PropTypes from 'prop-types' + +function ${1:${TM_FILENAME_BASE}}(props) { + return ( +
+ $0 +
+ ) +} + +${1:${TM_FILENAME_BASE}}.propTypes = { + +} + +export default ${1:${TM_FILENAME_BASE}} + + + diff --git a/snippets/rjsx-mode/React/rmc b/snippets/rjsx-mode/React/rmc new file mode 100644 index 0000000..d930107 --- /dev/null +++ b/snippets/rjsx-mode/React/rmc @@ -0,0 +1,18 @@ +# -*- mode: snippet -*- +# uuid: 6847343b-1efa-4db0-9b9a-2c9aaa4217c7 +# contributor: Jimmy Yuen Ho Wong +# name: reactFunctionMemoComponent +# key: rmc +# -- + +import React, { memo } from 'react' + +export default memo(function ${1:${TM_FILENAME_BASE}}() { + return ( +
+ $0 +
+ ) +}) + + diff --git a/snippets/rjsx-mode/React/rmcp b/snippets/rjsx-mode/React/rmcp new file mode 100644 index 0000000..84b1804 --- /dev/null +++ b/snippets/rjsx-mode/React/rmcp @@ -0,0 +1,25 @@ +# -*- mode: snippet -*- +# uuid: ba569173-16e1-4d9d-9205-96dc0832455f +# contributor: Jimmy Yuen Ho Wong +# name: reactFunctionMemoComponentWithPropTypes +# key: rmcp +# -- + +import React, { memo } from 'react' +import PropTypes from 'prop-types' + +const ${1:${TM_FILENAME_BASE}} = memo(function ${1:${TM_FILENAME_BASE}}(props) { + return ( +
+ $0 +
+ ) +}) + +${1:${TM_FILENAME_BASE}}.propTypes = { + +} + +export default ${1:${TM_FILENAME_BASE}} + + diff --git a/snippets/rjsx-mode/React/rpc b/snippets/rjsx-mode/React/rpc new file mode 100644 index 0000000..66f398a --- /dev/null +++ b/snippets/rjsx-mode/React/rpc @@ -0,0 +1,20 @@ +# -*- mode: snippet -*- +# uuid: 58802667-d355-45e8-a000-c2e5d9677b97 +# contributor: Jimmy Yuen Ho Wong +# name: reactClassPureComponent +# key: rpc +# -- + +import React, { PureComponent } from 'react' + +export default class ${1:${TM_FILENAME_BASE}} extends PureComponent { + render() { + return ( +
+ $0 +
+ ) + } +} + + diff --git a/snippets/rjsx-mode/React/rpce b/snippets/rjsx-mode/React/rpce new file mode 100644 index 0000000..8452852 --- /dev/null +++ b/snippets/rjsx-mode/React/rpce @@ -0,0 +1,22 @@ +# -*- mode: snippet -*- +# uuid: 295423f2-7029-42d3-ba82-8c5edfda37ce +# contributor: Jimmy Yuen Ho Wong +# name: reactClassExportPureComponent +# key: rpce +# -- + +import React, { PureComponent } from 'react' + +export class ${1:${TM_FILENAME_BASE}} extends PureComponent { + render() { + return ( +
+ $0 +
+ ) + } +} + +export default ${1:$TM_FILENAME_BASE} + + diff --git a/snippets/rjsx-mode/React/rpcp b/snippets/rjsx-mode/React/rpcp new file mode 100644 index 0000000..0550ec3 --- /dev/null +++ b/snippets/rjsx-mode/React/rpcp @@ -0,0 +1,25 @@ +# -*- mode: snippet -*- +# uuid: 54fc179d-98f0-44b8-bd39-a66ac67aaf38 +# contributor: Jimmy Yuen Ho Wong +# name: reactClassPureComponentWithPropTypes +# key: rpcp +# -- + +import React, { PureComponent } from 'react' +import PropTypes from 'prop-types' + +export default class ${1:${TM_FILENAME_BASE}} extends PureComponent { + static propTypes = { + + } + + render() { + return ( +
+ $0 +
+ ) + } +} + + diff --git a/snippets/rjsx-mode/React/scu b/snippets/rjsx-mode/React/scu new file mode 100644 index 0000000..0de8170 --- /dev/null +++ b/snippets/rjsx-mode/React/scu @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: 0f6de3c7-5374-445d-a82e-d01364b53f04 +# contributor: Jimmy Yuen Ho Wong +# name: shouldComponentUpdate +# key: scu +# -- + +shouldComponentUpdate = (nextProps, nextState) => { + $0 +} + + diff --git a/snippets/rjsx-mode/React/ssf b/snippets/rjsx-mode/React/ssf new file mode 100644 index 0000000..82a59e9 --- /dev/null +++ b/snippets/rjsx-mode/React/ssf @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: 0f0e900a-8cf8-4fc6-a03d-75e73bb21f48 +# contributor: Jimmy Yuen Ho Wong +# name: componentSetStateFunc +# key: ssf +# -- + +this.setState((state, props) => { return { $0 }}) + + diff --git a/snippets/rjsx-mode/React/sst b/snippets/rjsx-mode/React/sst new file mode 100644 index 0000000..6da47b8 --- /dev/null +++ b/snippets/rjsx-mode/React/sst @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 28f6e070-6384-471f-95bf-24fbb77d4d51 +# contributor: Jimmy Yuen Ho Wong +# name: componentSetStateObject +# key: sst +# -- + +this.setState({$0}) + diff --git a/snippets/rjsx-mode/React/state b/snippets/rjsx-mode/React/state new file mode 100644 index 0000000..a719271 --- /dev/null +++ b/snippets/rjsx-mode/React/state @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: 2830720f-93e5-4c01-9624-c4ba068eecce +# contributor: Jimmy Yuen Ho Wong +# name: componentState +# key: state +# -- + +this.state.$0 + diff --git a/snippets/rjsx-mode/Redux/hocredux b/snippets/rjsx-mode/Redux/hocredux new file mode 100644 index 0000000..a7110f7 --- /dev/null +++ b/snippets/rjsx-mode/Redux/hocredux @@ -0,0 +1,31 @@ +# -*- mode: snippet -*- +# uuid: 68de6229-17f5-4bd6-83ef-feaa3a1ccb31 +# contributor: Jimmy Yuen Ho Wong +# name: hocComponentWithRedux +# key: hocredux +# -- + +import React from 'react' +import PropTypes from 'prop-types' +import { connect } from 'react-redux' + +export const mapStateToProps = state => ({ + +}) + +export const mapDispatchToProps = { + +} + +export const ${1:hocComponentName} = (WrappedComponent) => { + const hocComponent = ({ ...props }) => + + hocComponent.propTypes = { + } + + return hocComponent +} + +export default WrapperComponent => connect(mapStateToProps, mapDispatchToProps)(${1:hocComponentName}(WrapperComponent)) + + diff --git a/snippets/rjsx-mode/Redux/rcredux b/snippets/rjsx-mode/Redux/rcredux new file mode 100644 index 0000000..8a7356d --- /dev/null +++ b/snippets/rjsx-mode/Redux/rcredux @@ -0,0 +1,36 @@ +# -*- mode: snippet -*- +# uuid: c948b832-8ff1-41b2-a256-ce629dcd4dbe +# contributor: Jimmy Yuen Ho Wong +# name: reactClassCompomentRedux +# key: rcredux +# -- + +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import { connect } from 'react-redux' + +export class ${1:${TM_FILENAME_BASE}} extends Component { + static propTypes = { + ${2:prop}: ${3:PropTypes} + } + + render() { + return ( +
+ $0 +
+ ) + } +} + +const mapStateToProps = (state) => ({ + +}) + +const mapDispatchToProps = { + +} + +export default connect(mapStateToProps, mapDispatchToProps)(${1:${TM_FILENAME_BASE}}) + + diff --git a/snippets/rjsx-mode/Redux/redux b/snippets/rjsx-mode/Redux/redux new file mode 100644 index 0000000..93452dc --- /dev/null +++ b/snippets/rjsx-mode/Redux/redux @@ -0,0 +1,10 @@ +# -*- mode: snippet -*- +# uuid: ebcbdf19-4ba9-404f-ab66-eb9b992d7126 +# contributor: Jimmy Yuen Ho Wong +# name: import redux statement +# key: redux +# -- + +import { connect } from 'react-redux' + + diff --git a/snippets/rjsx-mode/Redux/reduxmap b/snippets/rjsx-mode/Redux/reduxmap new file mode 100644 index 0000000..93f0989 --- /dev/null +++ b/snippets/rjsx-mode/Redux/reduxmap @@ -0,0 +1,16 @@ +# -*- mode: snippet -*- +# uuid: 32f4d017-7d51-4d41-a954-91e2eaf493c5 +# contributor: Jimmy Yuen Ho Wong +# name: mappingToProps +# key: reduxmap +# -- + +const mapStateToProps = (state) => ({ + ${1} +}) + +const mapDispatchToProps = { + +} + + diff --git a/snippets/rjsx-mode/Redux/rncredux b/snippets/rjsx-mode/Redux/rncredux new file mode 100644 index 0000000..3fd7f81 --- /dev/null +++ b/snippets/rjsx-mode/Redux/rncredux @@ -0,0 +1,37 @@ +# -*- mode: snippet -*- +# uuid: 73a39297-05ec-45c0-9a05-9b3e5653c477 +# contributor: Jimmy Yuen Ho Wong +# name: reactNativeClassComponentRedux +# key: rncredux +# -- + +import React, { Component } from 'react' +import { View, Text } from 'react-native' +import PropTypes from 'prop-types' +import { connect } from 'react-redux' + +export class ${1:${TM_FILENAME_BASE}} extends Component { + static propTypes = { + ${2:prop}: ${3:PropTypes} + } + + render() { + return ( + + ${2:textInComponent} + + ) + } +} + +const mapStateToProps = (state) => ({ + +}) + +const mapDispatchToProps = { + +} + +export default connect(mapStateToProps, mapDispatchToProps)(${1:${TM_FILENAME_BASE}}) + + diff --git a/snippets/rjsx-mode/Redux/rxaction b/snippets/rjsx-mode/Redux/rxaction new file mode 100644 index 0000000..8189db9 --- /dev/null +++ b/snippets/rjsx-mode/Redux/rxaction @@ -0,0 +1,13 @@ +# -*- mode: snippet -*- +# uuid: 9a5dfef3-2b52-4c8e-bad1-3493599e10d9 +# contributor: Jimmy Yuen Ho Wong +# name: reduxAction +# key: rxaction +# -- + +export const ${1:actionName} = (payload) => ({ + type: ${3:type}, + payload +}) + + diff --git a/snippets/rjsx-mode/Redux/rxconst b/snippets/rjsx-mode/Redux/rxconst new file mode 100644 index 0000000..364d085 --- /dev/null +++ b/snippets/rjsx-mode/Redux/rxconst @@ -0,0 +1,9 @@ +# -*- mode: snippet -*- +# uuid: a274faf6-2964-4a22-adf7-1715d3b4a153 +# contributor: Jimmy Yuen Ho Wong +# name: reduxConst +# key: rxconst +# -- + +export const ${1:constantName} = '${1:constantName}' + diff --git a/snippets/rjsx-mode/Redux/rxreducer b/snippets/rjsx-mode/Redux/rxreducer new file mode 100644 index 0000000..467bf8f --- /dev/null +++ b/snippets/rjsx-mode/Redux/rxreducer @@ -0,0 +1,23 @@ +# -*- mode: snippet -*- +# uuid: a7bb3ea0-bf96-401b-851e-a63b254f42ba +# contributor: Jimmy Yuen Ho Wong +# name: reduxReducer +# key: rxreducer +# -- + +const initialState = { + +} + +export default (state = initialState, { type, payload }) => { + switch (type) { + + case ${1:typeName}: + return { ...state, ...payload } + + default: + return state + } +} + + diff --git a/snippets/rjsx-mode/Redux/rxselect b/snippets/rjsx-mode/Redux/rxselect new file mode 100644 index 0000000..56f8c33 --- /dev/null +++ b/snippets/rjsx-mode/Redux/rxselect @@ -0,0 +1,12 @@ +# -*- mode: snippet -*- +# uuid: a654de53-26a1-4694-9da7-cc4b906d50fa +# contributor: Jimmy Yuen Ho Wong +# name: reduxSelector +# key: rxselect +# -- + +import { createSelector } from 'reselect' + +export const ${1:selectorName} = state => state.${2:selector} + +