Helper extension to generate react components my way.
Right-click the parent folder and select "Create React component" (or "Create React Native component").
Input the component name (e.g. "MyComponent").
The extension will create a file sctructure like this inside the parent folder:
└ MyComponent
├ index.js
└ MyComponent.js
With the following content:
index.js
export * from './MyComponent';
export { default } from './MyComponent';
MyComponent.js
import React from 'react';
import classNames from 'classnames';
function MyComponent({ className, ...rest }) {
return <div className={classNames(className)} {...rest} />;
}
export default MyComponent;
Or if you created a React Native component:
import React from 'react';
import { StyleSheet, View } from 'react-native';
function MyComponent({ style, ...rest }) {
return <View style={[styles.root, style]} {...rest} />;
}
const styles = StyleSheet.create({
root: {},
});
export default MyComponent;
Enjoy!