6.1.0 • Published 9 months ago

@j2inn/utils v6.1.0

Weekly downloads
81
License
ISC
Repository
-
Last release
9 months ago

J2 Innovations UI Utilities

A set of useful client side utilities useful for creating UI applications.

Installation

npm install @j2inn/util

Hooks

Localization

I18NProvider

Used for internationalizing an application.

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

// Uses English with the localization data being loaded from `/api/locales/en`.
<I18NProvider locale='en' path='/api/locales/{{locale}}'>
	<MyApp />
</I18NProvider>

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...

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

	return <div>{t('hello', {param: 'Joe'})}</div>
}

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

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

	return <div>{i18n.get('hello', {param: 'Amanda'})}</div>
}

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...

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

	if (loading) {
		return <Spinner />
	}

	return <div>{i18n.get('hello', {param: 'Amanda'})}</div>
}

Resources

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}.

6.1.0

9 months ago

6.0.6

12 months ago

6.0.5

12 months ago

6.0.4

12 months ago

6.0.3

1 year ago

6.0.2

1 year ago

6.0.1

1 year ago

6.0.0-beta.1

3 years ago

6.0.0

3 years ago

5.0.8

3 years ago

5.0.7

3 years ago

5.0.8-beta.1

3 years ago

5.0.6

3 years ago

5.0.5

3 years ago

5.0.4

3 years ago

5.0.3

3 years ago

5.0.2

4 years ago

5.0.1

4 years ago

5.0.0

4 years ago

4.1.6

4 years ago

4.1.4

4 years ago

4.1.5

4 years ago

4.1.2

4 years ago

4.1.1

4 years ago

4.0.1

4 years ago

4.0.0

4 years ago

3.4.1

5 years ago

3.4.0

5 years ago

3.3.2

5 years ago

3.3.1

5 years ago

3.3.0

5 years ago

3.2.2

5 years ago

3.2.1

5 years ago

3.2.0

5 years ago

3.1.1

5 years ago

3.1.0

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

2.0.14

5 years ago

2.0.12

5 years ago

2.0.11

5 years ago

2.0.10

5 years ago

2.0.9

6 years ago

2.0.8

6 years ago

2.0.7

6 years ago

2.0.5

6 years ago

2.0.4

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.0

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago