J2 Innovations UI Utilities


A set of client side utilities for creating UI applications.

To see the CI/CD generated documentation browse the automatically generated content.

Installation

``bash
npm install @j2inn/util
`

Hooks

$3

#### I18NProvider

Used for internationalizing an application.

First add an I18NProvider near the root of your React application...

`tsx
// Uses English with the localization data being loaded from /api/locales/en.



`

For FIN5 there's no need to specify a path. It'll default to /fin5Lang/{{locale}}.

If no locale is specified, the browser's own locale will be used.

#### useI18n

This hook is used to get translated values in your application...

`tsx
const MyApp = (): JSX.Element => {
const {t} = useI18n()

return


}
`

For legacy applications, a more verbose approach can be used...

`tsx
const MyApp = (): JSX.Element => {
const i18n = useI18n()

return


}
`

The parameters passed in are optional.

The loading property can also be used to detect whether a locale is currently being loaded from the server...

`tsx
const MyApp = (): JSX.Element => {
const {t, loading} = useI18n()

if (loading) {
return
}

return


}
``

$3

An asynchronous way to create, read, update and delete resources can be used using the {@link useResource} and {@link useResources} hooks.

For more information, please see the example in {@link createResource}.