plugandwork-toolkit

Made with create-react-library

Install

npm install --save plugandwork-toolkit

Usage

Connnect your component and extends PawViewProps to type your props.

import React, { Component } from 'react'

import { MyComponent, store, alertsReducer, alertsActions, i18nInstance, PawModel, PawConnectedModel, PawViewProps } from 'plugandwork-toolkit';
import 'plugandwork-toolkit/dist/index.css';
import { useTranslation, I18nextProvider } from 'react-i18next';

export interface IAppProps extends PawViewProps {
  pawModel: PawConnectedModel<PawModel>
}

React.useEffect(() => {
  store.dispatch(alertsActions.infoAlert('Component mounted'))
  // Use instance to push locales into locales store
  i18nInstance.addResourceBundle('fr', 'translation', { name: 'Nom' })
  i18nInstance.addResourceBundle('en', 'translation', { name: 'Name' })
}, [])

function App (props: IAppProps) {
  const { t, i18n } = useTranslation()
  return (
    <I18nextProvider i18n={i18nInstance}>
      <div>
        {t('name')}
      </div>
    <I18nextProvider>
  );
}

export default PawModel.connect('pawModel')(App);

Storybook

Documentation

npm run storybook

Documentation

• Store redux
• Alerts
• i18n

License

MIT © pierrecabriere