Install

npm i @impress/react

Basic Usage

import { useProvide } from "@impress/react";

class User {
  store = "John";
}

const UserNameEditor = () => {
  const user = useProvide(User);
  return (
    <input
      onChange={(e: any) => user.store = e.target.value}
      value={user.store}
    />
  )
};

Introduction

Modular state manager for React. You can organize the code of your application by service-stores. Single instantiated classes with a store inside at any place of your app code.

• Service-oriented and multistore architecture
• Update view components only dependent of changed stores
• Data flow instruments
• Server side rendering (SSR)
• Possibility to make separated modules
• Minimal abstraction,
• Lightweight (~2Kb)
• Minimum init page CPU time
• Designed by React hooks coding style

Documentation

• Getting Started

Examples

• Todos on CodeSandbox
• Server side rendering

License

Impress is MIT licensed.