react-chopper

Create Datamodels in react

Code without setState

No need to remember this.setState()

No need to manage state in redux(use only for global data like global user info , global ui loader)

No need to use other libraries for state management

Unidirectional Flow under the hood

Use reactjs almost like angular

![CircleCI status](https://circleci.com/gh/pawarvijay/react-chopper/tree/master)
![Coverage Status](https://coveralls.io/github/pawarvijay/react-chopper?branch=master)

Example Live , Complex example, Super complex example

Below code does not contains ``this.setState``jsx import React, { Component } from 'react'; import { render } from 'react-dom'; import ReactChopper from 'react-chopper';

class App extends Component { constructor(props) { super(props); this.state = { name: 'React' }; this.modal = ReactChopper(this.state, this); } render() { return (


                  name={this.modal.name}
          onChange={e => this.modal.name = e.target.value} />
        
          Bang Bang {this.modal.name}


    );
  }
}
render(, document.getElementById('root'));

//Note : after using this.modal you should not use this.state`

`$3`

`Aim`

Not to develop insecurity by making it higherorder component and wrapping whole react component like other libraries.

Make every develop know whats under the hood its Javascript Proxies.

It will be doing one task only , is to watch any changes on target object and do setState underthehood.

This lib won't be doing multiple task like other react libs do Eg : redux-form , react-form , react-validation ect .. developers pickup these libs for validation and land up doing state management , which is filled up with its limitations and ultimately creating spagetti code.

`TODO`

- [x] Write initial testcases - [x] Integrate withcircleci- [x] Add coveralls support - [x] A Simple demo sandbox app made fromreact-chopper- [x] A Complex computation demo sandbox app made fromreact-chopper- [x] A Super complex computation demo sandbox app made fromreact-chopper- [x] Documentation about - [x] Testcase that usesreact-chopperlib from npm - [ ] Write some more Complex testcase scenarios for testing - [ ] Userollupjs instead of webpack- [ ] Create seperatedevelopfor all developer experiments - [ ] Setup mechanism to push tested code tomaster branch- [ ] Deploy package on npm fromcircleci from master branch`
- [ ] Add debug mode for debuging , watch changes purpose