<h1 align="center"> react-chopper <br> <img src="https://raw.githubusercontent.com/pawarvijay/react-chopper/master/helicopter.svg?sanitize=true" width="300" height="200"/> </h1>
npm install react-chopper

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 (
Bang Bang {this.modal.name}
render(
//Note : after using this.modal you should not use this.state
`
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.
- [x] Write initial testcases
- [x] Integrate with circlecireact-chopper
- [x] Add coveralls support
- [x] A Simple demo sandbox app made from react-chopper
- [x] A Complex computation demo sandbox app made from react-chopper
- [x] A Super complex computation demo sandbox app made from react-chopper
- [x] Documentation about
- [x] Testcase that uses lib from npmrollupjs
- [ ] Write some more Complex testcase scenarios for testing
- [ ] Use instead of webpackdevelop
- [ ] Create seperate for all developer experimentsmaster branch
- [ ] Setup mechanism to push tested code to circleci
- [ ] Deploy package on npm from from master branch`
- [ ] Add debug mode for debuging , watch changes purpose