Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 364fedc

Browse files
author
Henrique Barcelos
committed
Removed CSS from react component snippets
1 parent ea6f267 commit 364fedc

File tree

2 files changed

+13
-29
lines changed

2 files changed

+13
-29
lines changed

‎README.md

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,10 @@ Using [vim-plug](https://github.com/junegunn/vim-plug):
1515
Plug 'epilande/vim-es2015-snippets'
1616
1717
" React code snippets
18-
Plug 'epilande/vim-react-snippets'
18+
Plug 'hbarcelos/vim-react-snippets'
1919
2020
" Ultisnips
2121
Plug 'SirVer/ultisnips'
22-
23-
" Trigger configuration (Optional)
24-
" let g:UltiSnipsExpandTrigger="<C-l>"
2522
```
2623

2724
## Usage

‎UltiSnips/javascript.snippets

Lines changed: 12 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,18 @@ snippet rrcc "React Redux Class Component" b
33
import React, { Component } from 'react';
44
import PropTypes from 'prop-types';
55
import { connect } from 'react-redux';
6-
import styles from './${2:1ドル}.css';
76

87
class ${1:`!v expand('%:t:r')`} extends Component {
98
static propTypes = {
10-
children: PropTypes.node,
11-
className: PropTypes.string,
12-
dispatch: PropTypes.func.isRequired,
9+
${2:children: PropTypes.node,
10+
dispatch: PropTypes.func.isRequired,}
1311
};
1412

15-
constructor(props) {
16-
super(props);
17-
}
18-
1913
render() {
2014
return (
21-
<div className={styles.base}>
22-
$3
23-
</div>
15+
<${3:div}>
16+
$0
17+
</3ドル>
2418
);
2519
}
2620
}
@@ -35,21 +29,15 @@ endsnippet
3529
snippet rcc "React Class Component" b
3630
import React, { Component } from 'react';
3731
import PropTypes from 'prop-types';
38-
import styles from './${2:1ドル}.css';
3932

4033
class ${1:`!v expand('%:t:r')`} extends Component {
4134
static propTypes = {
42-
${2:children: PropTypes.node,
43-
className: PropTypes.string,}
35+
${2:children: PropTypes.node,}
4436
};
4537

46-
constructor(props) {
47-
super(props);
48-
}
49-
5038
render() {
5139
return (
52-
<${3:div} className={styles.base}>
40+
<${3:div}>
5341
0ドル
5442
</3ドル>
5543
);
@@ -62,20 +50,19 @@ endsnippet
6250
snippet rfc "React Functional Component" b
6351
import React from 'react';
6452
import PropTypes from 'prop-types';
65-
import styles from './${2:1ドル}.css';
6653

67-
function ${1:`!v expand('%:t:r')`}({ $3 }) {
54+
function ${1:`!v expand('%:t:r')`}({ $2 }) {
6855
return (
69-
<${5:div} className={styles.base}>
56+
<${4:div}>
7057
0ドル
71-
</$5>
58+
</$4>
7259
);
7360
}
7461

75-
1ドル.defaultProps = {$4};
62+
1ドル.defaultProps = {$3};
7663

7764
1ドル.propTypes = {`!p
78-
props = t[3]
65+
props = t[2]
7966
8067
if props:
8168
snip >> 1

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /