Binding Blocks

React 2-way data binding to easily manage complex forms and data structures.

---

Install

$ npm i binding-blocks

Usage

import { Binding, Value } from 'binding-blocks';
 
const someData = {
  title: 'Hello',
  subtitle: 'World!'
};
 
const HelloWorld = () => {
  return (
    <Binding data={someData}>
      <h1><Value name="title" /></h1>
      <h3><Value name="subtitle" /></h3>
    </Binding>
  );
}

Docs

To start data binding with React, visit https://staydistributed.github.io/binding-blocks/