Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including stateli-react with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. require("redux/package.json"); // redux is a peer dependency. require("stateli/package.json"); // stateli is a peer dependency. var stateliReact = require("stateli-react")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

stateli-react v1.0.0

React library to enable Stateli to work with React and Redux dev tools

Stateli React

Build Status Coverage Status

A React library to enable Stateli to work with React and Redux Dev Tools.

Installation

Install stateli-react with npm.

$ npm install stateli stateli-react --save

Usage

// in React main component
import React from 'react';
import { StateliStore } from 'stateli';
import { StateliProvider } from 'stateli-react';
import App from './App.jsx'; // <-- your React app component

const store = new StateliStore({
  actions: [],
  mutations: [],
  getters: [],
  state: {},
});

export default class MainComponent extends React.Component {
  render() {
    return (
      <div>
        <StateliProvider store={store}>
          <App />
        </StateliProvider>
      </div>
    );
  }
}

License

MIT

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free