Anonymous View
0.4.123 • Published 6 years ago

@platform/state.react v0.4.123

Weekly downloads
119
License
MIT
Repository
-
Last release
6 years ago

Module License: MIT NPM banner

React bindings for @platform/state.

Install

yarn add @platform/state.react

To see example running in UI see @platform/state.react.tools

Getting Started

Define a model and create a store:

import { Store } from '@platform/state';

type IMyModel = {
  count: number;
};

type MyEvent = IIncrementEvent | IDecrementEvent;
type IIncrementEvent = { type: 'TEST/increment'; payload: { by: number } };
type IDecrementEvent = { type: 'TEST/decrement'; payload: { by: number } };


const initial: IMyModel = { count: 0 };
const store = Store.create<IMyModel, MyEvent>({ initial });

Configure consuming components to recieve the state-container context:

import { state } from '@platform/state.react'

export class MyView extends React.PureComponent {
  public static contextType = state.Context;
  public context!: state.ReactContext
  public store = this.context.getStore<IMyModel, MyEvent>();
}

Render the root of the tree with a context <Provider>:

export const Provider = state.createProvider(store);

export class MyRoot extends React.PureComponent {
  public render() {
    return (
      <Provider>
        <div>...</div>
      </Provider>
    );
  }
}
0.4.123

6 years ago

0.4.119

6 years ago

0.4.115

6 years ago

0.4.114

6 years ago

0.4.113

6 years ago

0.4.111

6 years ago

0.4.110

6 years ago

0.4.109

6 years ago

0.4.108

6 years ago

0.4.107

6 years ago

0.4.106

6 years ago

0.4.104

6 years ago

0.4.103

6 years ago

0.4.102

6 years ago

0.4.101

6 years ago

0.4.100

6 years ago

0.4.99

6 years ago

0.4.98

6 years ago

0.4.97

6 years ago

0.4.95

6 years ago

0.4.93

6 years ago

0.4.94

6 years ago

0.4.92

6 years ago

0.4.90

6 years ago

0.4.88

6 years ago

0.4.87

6 years ago

0.4.86

6 years ago

0.4.82

6 years ago

0.4.83

6 years ago

0.4.81

6 years ago

0.4.79

6 years ago

0.4.77

6 years ago

0.4.75

6 years ago

0.4.68

6 years ago

0.4.67

6 years ago

0.4.64

6 years ago

0.4.61

6 years ago

0.4.57

6 years ago

0.4.54

6 years ago

0.4.55

6 years ago

0.4.52

6 years ago

0.4.50

6 years ago

0.4.49

6 years ago

0.4.48

6 years ago

0.4.47

6 years ago

0.4.45

6 years ago

0.4.43

6 years ago

0.4.42

6 years ago

0.4.41

6 years ago

0.4.39

7 years ago

0.4.37

7 years ago

0.4.34

7 years ago

0.4.31

7 years ago

0.4.30

7 years ago

0.4.29

7 years ago

0.4.28

7 years ago

0.4.25

7 years ago

0.4.22

7 years ago

0.4.20

7 years ago

0.4.16

7 years ago

0.4.15

7 years ago

0.4.14

7 years ago

0.4.13

7 years ago

0.4.10

7 years ago

0.4.8

7 years ago

0.4.7

7 years ago

0.4.6

7 years ago

0.4.4

7 years ago

0.4.3

7 years ago

0.4.2

7 years ago

0.4.0

7 years ago

0.3.0

7 years ago

0.2.25

7 years ago

0.2.23

7 years ago

0.2.21

7 years ago

0.2.20

7 years ago

0.2.19

7 years ago

0.2.18

7 years ago

0.2.17

7 years ago

0.2.16

7 years ago

0.2.14

7 years ago

0.2.11

7 years ago

0.2.10

7 years ago

0.2.7

7 years ago

0.2.6

7 years ago

0.2.5

7 years ago

0.2.4

7 years ago

0.2.3

7 years ago

0.2.2

7 years ago

0.2.1

7 years ago

0.2.0

7 years ago

0.1.17

7 years ago

0.1.16

7 years ago

0.1.15

7 years ago

0.1.14

7 years ago

0.1.13

7 years ago

0.1.12

7 years ago

0.1.11

7 years ago

0.1.10

7 years ago

0.1.9

7 years ago

0.1.8

7 years ago

0.1.7

7 years ago

0.1.6

7 years ago

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago

0.0.0

7 years ago