Skip to content

Commit

Permalink
add ES2015
Browse files Browse the repository at this point in the history
  • Loading branch information
minwe committed Jul 8, 2015
1 parent b8b0aa9 commit 2c2aea5
Show file tree
Hide file tree
Showing 4 changed files with 72 additions and 16 deletions.
20 changes: 20 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,26 @@ module.exports = $class$;

```

### `rcls`

```js
import React from 'react';

class $class$ extends React.Component {
render() {
return (
<div />
);
}
}

$class$.propTypes = {};
$class$.defaultProps = {};

export default $class$;

```

### `rccc`

```js
Expand Down
Binary file modified jetbrains-react.jar
Binary file not shown.
14 changes: 14 additions & 0 deletions jetbrains/templates/ReactJS.xml
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,20 @@
<option name="JS_STATEMENT" value="true" />
</context>
</template>
<template
name="rcls"
value="import React from 'react';&#10;&#10;class $class$ extends React.Component {&#10; render() {&#10; return (&#10; &lt;div /&gt;&#10; );&#10; }&#10;}&#10;&#10;$class$.propTypes = {};&#10;$class$.defaultProps = {};&#10;&#10;export default $class$;&#10;"
description="Create a ES2015 class"
toReformat="false"
toShortenFQNames="true">
<variable name="class" expression="complete()" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_SCRIPT" value="true" />
<option name="JS_EXPRESSION" value="true" />
<option name="JSX_HTML" value="true" />
<option name="JS_STATEMENT" value="true" />
</context>
</template>
<template
name="rccc"
value="$START$ = React.createClass({&#10; render() {&#10; return (&#10; $END$&#10; );&#10; }&#10;});&#10;"
Expand Down
54 changes: 38 additions & 16 deletions src/template.yaml
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
# Create component
rcc:
description: Create a React.js component
tpl:
next: |
import React from 'react';
const $class$ = React.createClass({
render() {
return (
<div />
);
}
});
description: Create a React.js component
tpl:
next: |
import React from 'react';
const $class$ = React.createClass({
render() {
return (
<div />
);
}
});
export default $class$;
export default $class$;
es5: |
es5: |
'use strict';
var React = require('react');
Expand All @@ -30,8 +30,30 @@ rcc:
module.exports = $class$;
variables:
- {name: 'class', expression: 'complete()'}
variables:
- {name: 'class', expression: 'complete()'}

# https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#plain-javascript-classes
rcls:
description: Create a ES2015 class
tpl: |
import React from 'react';
class $class$ extends React.Component {
render() {
return (
<div />
);
}
}
$class$.propTypes = {};
$class$.defaultProps = {};
export default $class$;
variables:
- {name: 'class', expression: 'complete()'}

# Nested component
rccc:
Expand Down

0 comments on commit 2c2aea5

Please sign in to comment.