snippets/src/sourceSnippets/sharedSnippets.ts

56 lines
1.4 KiB
TypeScript

import { Placeholders } from '../types';
export const reactComponent = ["import React, { Component } from 'react'"];
export const react = ["import React from 'react'"];
export const reactPureComponent = [
"import React, { PureComponent } from 'react'",
];
export const reactPropTypes = [
"import React from 'react'",
"import PropTypes from 'prop-types'",
];
export const reactWithReduxConnect = [
"import React from 'react'",
"import { connect } from 'react-redux'",
];
export const reactComponentWithReduxConnect = [
"import React, { Component } from 'react'",
"import { connect } from 'react-redux'",
];
export const reactWithMemo = ["import React, { memo } from 'react'"];
export const reduxComponentExport = [
'',
'const mapStateToProps = (state) => ({})',
'',
'const mapDispatchToProps = {}',
'',
`export default connect(mapStateToProps, mapDispatchToProps)(${Placeholders.FileName})`,
];
export const innerComponent = [
' return (',
` <div>${Placeholders.FirstTab}</div>`,
' )',
];
export const innerComponentReturn = [
' render() {',
' return (',
` <div>${Placeholders.FirstTab}</div>`,
' )',
' }',
];
export const exportDefault = ['', `export default ${Placeholders.FileName}`];
export const propsTypeInterface = [Placeholders.TypeProps, ''];
export const stateTypeInterface = [Placeholders.TypeState, ''];
export const propsStateInterface = [
...propsTypeInterface,
...stateTypeInterface,
];