frontend/seed/plop-templates/component/componentHookRedux.hbs
2025-05-14 21:49:03 +02:00

31 lines
868 B
Handlebars

import React, { useState, useEffect, useCallback, useMemo } from 'react';
// Redux part
import { useSelector, useDispatch } from 'react-redux';
import { StoreState } from 'store/rootReducer';
// Import actions here
import classNames from 'classnames/bind';
import TextItem from 'components/items/TextItem';
import styleIdentifiers from './{{pascalCase name}}.module.scss';
const styles = classNames.bind(styleIdentifiers);
export interface {{pascalCase name}}Props {}
const {{pascalCase name}} = (props: {{pascalCase name}}Props) => {
// mapStateToProps
const lg = useSelector((state: StoreState) => state.content.lg);
// Allow to dispatch actions
const dispatch = useDispatch();
return (
<div className={styles('{{dashCase name}}')}>
<TextItem path="{{pascalCase name}} Component" />
</div>
);
};
export default {{pascalCase name}};