React-pe-utilities NPM

ProtopiaEcosystem utilities

Библиотека для ProtopiaEcosystem React Client

Данный пакет автоматически устанавливается в Create-react-app приложение и предоставляет разработчикам сторонних модулей необходимый набор утилит.

Визуальные Компоненты

Loading

Простой компонент визуализации процесса загрузки. Вращающаяся "подковка"

import React from "react"
import { Loading } from "react-pe-utilities"

const App = props => {
    return <Loading />
} 
export default App

Переводчик

translitterate

Транслиттерация кириллического текста

import React from "react"
import { translitterate } from "react-pe-utilities"

const App = props => {
    const text = translitterate('ru').transform("строка").toLowerCase()
    return <> { text } </>
} 
export default App

__

Перевод строки (или идентификатора) из словаря, зарегистрированного командой initDictionary на текущий язык.

import React from "react"
import { __ } from "react-pe-utilities"

const App = props => {
    const text = __( "Loading" )
    return <> { text } </>
} 
export default App

sprintf

Подстановка подстрок в строку, указанную первым аргументом. Заменяет подстроки вида %s на слудующие за первым аргументы: первое вхождение подстроки %s заменяется на второй строковый аргумент, второе вхождение — на третий аргумент итд.

import React from "react"
import { __, sprintf } from "react-pe-utilities"

const App = props => {
    const url = "http://ux.protopia-home.ru/"
    const text = sprintf( __( "see url: %s" ), url)
    return <> { text } </>
} 
export default App

initDictionary

Инициализация словаря в формате json. Указываем в аргументах:

идентификатор языка (стока в формате i18n)
JSON (в формате i18n)

import React, { useEffect } from "react"
import { __, initDictionary } from "react-pe-utilities"

const App = props => {
    useEffect(() =>
    {
        initDictionary('ru', props.dictionary)
    }, [])
    return <> { __( "Title" ) } </>
} 
export default App