create react component template with javascript/typescript
npm install @isaac.js/create-react-componentA react component template generating tool
Save the trouble copy paste and rename when creating new react component
Support js ts css module styled components ...
1. install: npm install -g @isaac.js/create-react-component
2. use: create-react-component [-Options] MyComponent
Runing create-react-component -m MyComponent will generate a directory in the current working directory
``shell
MyComponent/
- MyComponent.tsx(or .jsx)
- MyComponent.scss(this file is removed when you use styled components)
- index.ts(or .js)
`
-l, --language [LANG]
Specify language(default to ts):
ts: typescript
js: javascript
-t, --type [TYPE]
Specify component type(default to c):
c: React.Component
p: React.PureComponent
s: React.SFC(Stateless Functional Component)
-m
Specify whether to use css module or not, use css module if -m present
Note that if option -s present, this option is ignored!
-s
Specify whether to use styled components, use styled components if -s present
this file is removed when you use styled components
`scss
@charset 'utf-8';
.MyComponent {
}
`
` tsx
import * as React from 'react'
import cStyle from './MyComponent.scss'
type MyComponentProps = {}
type MyComponentState = {}
export class MyComponent extends React.Component
public render() {
return (
MyComponent
)
}
}
`
`ts
import { MyComponent } from './MyComponent'
export default MyComponent
``