@keegpt/refook

Refook

Use hooks outside react components!

Installation

npm install @keegpt/refook

Usage

// your index file

import React from 'react';
import ReactDOM from 'react-dom';

import { SnackbarProvider, useSnackbar } from 'notistack';
import { I18ZenProvider, useI18Zen } from 'react-i18zen';

import en from './locales/en.json';
import pt from './locales/pt.json';

import Refook from '@keegpt/refook';

function Init() {
    return (
        <>
            <I18ZenProvider locales={{ pt, en }} defaultLocale="pt">
                <SnackbarProvider maxSnack={4} anchorOrigin={{ vertical: 'top', horizontal: 'right', }}>
                    <Refook hooks={{ toast: useSnackbar, translation: useI18Zen }} />
                    <div>Hello, world!</div>
                </SnackbarProvider>
            </I18ZenProvider>
        </>
    );
}

ReactDOM.render(<Init />, document.getElementById('root'));

// anywhere in the project

import { use } from '@keegpt/refook';

export default () => {
    const translatedMessage = use('translation').__('common.success');
    use('toast').enqueueSnackbar(translatedMessage, { variant: "success" });
}

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT