Pik react utils

Todo

• ~~Entities should work with Proxies to get thier fields automaticly~~
• ~~Normalization proccess with _uid and _type~~
• ~~Typescript~~
• ~~Add API and store functions for delete/update/create entities~~
• Entities typings
• Css modules/Styled components
• Tests
• Sentry implementation
• Routing

Quiсk start

npm i pik-react-utils

import { Spinner } from "pik-react-utils"

function ComponentWithSpinnner() {
    return (
        <div><Spinner /><div>
    )
}

Table of contents

Utils

• factoryEntityGetter — function to create mobx computed entity getters
• factoryEntitiesGetter — function to create mobx computed entities getters
• bind, bindArgs - cache result of global.bind function

Components

• PikContainer — it's necessary to use this container as container of the app
• Spinner — loading indicator component (deprecated)

Stuff

• BaseEntity, BaseValue, List — general types
• api — configurable api
• stores — stores

Example

https://github.com/pik-software/staff-front

Tips

It's better if you application will be in typescript All configs should be in entry point file of your application