Skip to content

Indentation Compatibility with Users' Settings #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Indentation Compatibility with Users' Settings #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5a55438
changed spaces to tabs for flexibility
alexanderankin May 6, 2019
4a46230
fix proptypes import
alexanderankin May 11, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,8 @@ git clone https://github.com/jeantimex/react-sublime-snippet.git "React-Developm
**ES6 Class Component** `rcc + <TAB>`<br />
![rcc](screenshots/rcc.gif)<br />
```javascript
import React, { Component, PropTypes } from 'react';
import React, { Component } from 'react';
import PropTypes from 'prop-types';

class ${1:Component} extends Component {
static propTypes = {
Expand All @@ -57,7 +58,8 @@ export default ${1:Component};

**ES6 Class Component with injectIntl** `rcci + <TAB>`
```javascript
import React, { Component, PropTypes } from 'react';
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { injectIntl, intlShape } from 'react-intl';

class ${1:Component} extends Component {
Expand Down Expand Up @@ -218,7 +220,8 @@ shouldComponentUpdate(nextProps, nextState) {
**Redux Component** `rrc + <TAB>`<br />
![rrc](screenshots/rrc.gif)<br />
```javascript
import React, { Component, PropTypes } from 'react';
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import {
${2:action} as ${2:action}Action,
Expand Down
29 changes: 15 additions & 14 deletions React/Class Component With InjectIntl.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,25 @@
<snippet>
<content><![CDATA[
import React, { Component, PropTypes } from 'react';
<content><![CDATA[
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { injectIntl, intlShape } from 'react-intl';

class ${1:Component} extends Component {
static propTypes = {
intl: intlShape.isRequired,
};
static propTypes = {
intl: intlShape.isRequired,
};

constructor(props) {
super(props);
}
constructor(props) {
super(props);
}

render() {
const { formatMessage } = this.props.intl;
render() {
const { formatMessage } = this.props.intl;

return (
${2}
);
}
return (
${2}
);
}
}

export default injectIntl(${1:Component});
Expand Down
27 changes: 14 additions & 13 deletions React/Class Component.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,22 @@
<snippet>
<content><![CDATA[
import React, { Component, PropTypes } from 'react';
<content><![CDATA[
import React, { Component } from 'react';
import PropTypes from 'prop-types';

class ${1:Component} extends Component {
static propTypes = {
className: PropTypes.string,
};
static propTypes = {
className: PropTypes.string,
};

constructor(props) {
super(props);
}
constructor(props) {
super(props);
}

render() {
return (
${2}
);
}
render() {
return (
${2}
);
}
}

export default ${1:Component};
Expand Down
4 changes: 2 additions & 2 deletions React/Component Did Mount.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
componentDidMount() {
${1}
${1}
}
]]></content>
<tabTrigger>rcdm</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/Component Did Update.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
componentDidUpdate(prevProps, prevState) {
${1}
${1}
}
]]></content>
<tabTrigger>rcdu</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/Component Will Mount.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
componentWillMount() {
${1}
${1}
}
]]></content>
<tabTrigger>rcwm</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/Component Will Receive Props.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
componentWillReceiveProps(nextProps) {
${1}
${1}
}
]]></content>
<tabTrigger>rcwrp</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/Component Will Unmount.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
componentWillUnmount() {
${1}
${1}
}
]]></content>
<tabTrigger>rcwum</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/Component Will Update.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
componentWillUpdate(nextProps, nextState) {
${1}
${1}
}
]]></content>
<tabTrigger>rcwu</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/Default Props.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
static defaultProps = {
${1:prop}: ${2:value},
${1:prop}: ${2:value},
};
]]></content>
<tabTrigger>rdps</tabTrigger>
Expand Down
12 changes: 6 additions & 6 deletions React/Define Messages.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
const messages = defineMessages({
${1:message}: {
defaultMessage: '${2:default message}',
description: '${3:description}',
id: '${4:id}',
},
${1:message}: {
defaultMessage: '${2:default message}',
description: '${3:description}',
id: '${4:id}',
},
});
]]></content>
<tabTrigger>rdms</tabTrigger>
Expand Down
8 changes: 4 additions & 4 deletions React/Formatted Message.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
<FormattedMessage
defaultMessage='${1:default message}'
description='${2:description}'
id='${3:id}'
defaultMessage='${1:default message}'
description='${2:description}'
id='${3:id}'
/>
]]></content>
<tabTrigger>rfm</tabTrigger>
Expand Down
12 changes: 6 additions & 6 deletions React/Functional Component With InjectIntl.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
import React, { PropTypes } from 'react';
import { injectIntl, intlShape } from 'react-intl';

const ${1:Component} = ({ intl }) => {
const { formatMessage } = intl;
const { formatMessage } = intl;

return (
${2}
);
return (
${2}
);
};

${1:Component}.displayName = '${1:Component}';

${1:Component}.propTypes = {
intl: intlShape.isRequired,
intl: intlShape.isRequired,
};

export { ${1:Component} };
Expand Down
10 changes: 5 additions & 5 deletions React/Functional Component.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
import React, { PropTypes } from 'react';

const ${1:Component} = ({ className }) => {
return (
${2}
);
return (
${2}
);
};

${1:Component}.displayName = '${1:Component}';

${1:Component}.propTypes = {
className: PropTypes.string,
className: PropTypes.string,
};

export default ${1:Component};
Expand Down
2 changes: 1 addition & 1 deletion React/Import.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
import ${1:Package} from '${2:path}';
]]></content>
<tabTrigger>rim</tabTrigger>
Expand Down
8 changes: 4 additions & 4 deletions React/New Message.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
${1:message}: {
defaultMessage: '${2:default message}',
description: '${3:description}',
id: '${4:id}',
defaultMessage: '${2:default message}',
description: '${3:description}',
id: '${4:id}',
}
]]></content>
<tabTrigger>rnm</tabTrigger>
Expand Down
2 changes: 1 addition & 1 deletion React/New Prop.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
${1:prop}: PropTypes.${2:string},
]]></content>
<tabTrigger>rnp</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/PropTypes.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
static propTypes = {
${1:prop}: PropTypes.${2:string},
${1:prop}: PropTypes.${2:string},
};
]]></content>
<tabTrigger>rpts</tabTrigger>
Expand Down
4 changes: 2 additions & 2 deletions React/Should Component Update.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
shouldComponentUpdate(nextProps, nextState) {
return ${1};
return ${1};
}
]]></content>
<tabTrigger>rscu</tabTrigger>
Expand Down
6 changes: 3 additions & 3 deletions Redux/Action.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
export const ${1:action} = (${2:payload}) => ({
type: ${3:type},
${2:payload}
type: ${3:type},
${2:payload}
});
]]></content>
<tabTrigger>rra</tabTrigger>
Expand Down
22 changes: 11 additions & 11 deletions Redux/Reducer.sublime-snippet
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
<snippet>
<content><![CDATA[
<content><![CDATA[
import {
${2:Action}
${2:Action}
} from '${3:path}';

const defaultState = {
${4:prop},
${4:prop},
};

const ${1:Reducer} = (state = defaultState, action = {}) => {
switch (action.type) {
case ${5:type}:
return {
...state,
};
switch (action.type) {
case ${5:type}:
return {
...state,
};

default:
return state;
}
default:
return state;
}
};

export default ${1:Reducer};
Expand Down
Loading