Skip to content

Commit f209b6a

Browse files
solkimicrebsolkimicreb
committed
remove dependency on decorators
1 parent 08f812f commit f209b6a

File tree

10 files changed

+31
-32
lines changed

10 files changed

+31
-32
lines changed

‎examples/helloWorld/App.jsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,4 +18,5 @@ class App extends Component {
1818
}
1919
}
2020

21-
ReactDOM.render(<App />, document.getElementById('react-root'))
21+
const app = React.createElement(easyComp(App))
22+
ReactDOM.render(app, document.getElementById('react-root'))

‎examples/helloWorld/bundle.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22785,7 +22785,8 @@ let App = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2_react_easy_state__["
2278522785
}
2278622786
}) || _class;
2278722787

22788-
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.render(__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(App, null), document.getElementById('react-root'));
22788+
const app = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2_react_easy_state__["a" /* easyComp */])(App));
22789+
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.render(app, document.getElementById('react-root'));
2278922790

2279022791
/***/ })
2279122792
/******/ ]);

‎examples/simpleTodos/App.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import React, { Component } from 'react'
22
import ReactDOM from 'react-dom'
33
import { easyComp } from 'react-easy-state'
44

5-
@easyComp
65
class App extends Component {
76
state = {
87
todo: '',
@@ -34,4 +33,5 @@ class App extends Component {
3433
}
3534
}
3635

37-
ReactDOM.render(<App />, document.getElementById('react-root'))
36+
const app = React.createElement(easyComp(App))
37+
ReactDOM.render(app, document.getElementById('react-root'))

‎examples/simpleTodos/bundle.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22755,13 +22755,11 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
2275522755
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom__ = __webpack_require__(57);
2275622756
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_dom__);
2275722757
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_easy_state__ = __webpack_require__(34);
22758-
var _class;
2275922758

2276022759

2276122760

2276222761

22763-
22764-
let App = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2_react_easy_state__["a" /* easyComp */])(_class = class App extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
22762+
let App = class App extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
2276522763
constructor(...args) {
2276622764
var _temp;
2276722765

@@ -22804,9 +22802,11 @@ let App = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2_react_easy_state__["
2280422802
state.todos.push(state.todo);
2280522803
state.todo = '';
2280622804
}
22807-
}) || _class;
22805+
};
22806+
2280822807

22809-
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.render(__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(App, null), document.getElementById('react-root'));
22808+
const app = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2_react_easy_state__["a" /* easyComp */])(App));
22809+
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.render(app, document.getElementById('react-root'));
2281022810

2281122811
/***/ })
2281222812
/******/ ]);

‎examples/todoMVC/App.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ import { easyComp } from 'react-easy-state'
55
import TodoItem from './TodoItem'
66
import store from './store'
77

8-
@easyComp
98
class App extends Component {
109
render () {
1110
const { create, changeFilter } = this
@@ -58,4 +57,5 @@ class App extends Component {
5857
}
5958
}
6059

61-
ReactDOM.render(<App/>, document.getElementById('react-root'))
60+
const app = React.createElement(easyComp(App))
61+
ReactDOM.render(app, document.getElementById('react-root'))

‎examples/todoMVC/TodoItem.jsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,7 @@ import classNames from 'classnames'
44
import { easyComp } from 'react-easy-state'
55
import store from './store'
66

7-
@easyComp
8-
export default class TodoItem extends Component {
7+
class TodoItem extends Component {
98
render () {
109
const { toggle, remove } = this
1110
const { todo } = this.props
@@ -30,3 +29,5 @@ export default class TodoItem extends Component {
3029
todo.completed = !todo.completed
3130
}
3231
}
32+
33+
export default easyComp(TodoItem)

‎examples/todoMVC/bundle.js‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -22832,16 +22832,13 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
2283222832
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_classnames__);
2283322833
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_easy_state__ = __webpack_require__(34);
2283422834
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__store__ = __webpack_require__(206);
22835-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TodoItem; });
22836-
var _class;
2283722835

2283822836

2283922837

2284022838

2284122839

2284222840

22843-
22844-
let TodoItem = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3_react_easy_state__["a" /* easyComp */])(_class = class TodoItem extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
22841+
let TodoItem = class TodoItem extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
2284522842
render() {
2284622843
const { toggle, remove } = this;
2284722844
const { todo } = this.props;
@@ -22869,9 +22866,10 @@ let TodoItem = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3_react_easy_stat
2286922866
const { todo } = this.props;
2287022867
todo.completed = !todo.completed;
2287122868
}
22872-
}) || _class;
22869+
};
2287322870

2287422871

22872+
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3_react_easy_state__["a" /* easyComp */])(TodoItem));
2287522873

2287622874
/***/ }),
2287722875
/* 213 */,
@@ -22919,16 +22917,14 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
2291922917
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_easy_state__ = __webpack_require__(34);
2292022918
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TodoItem__ = __webpack_require__(212);
2292122919
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__store__ = __webpack_require__(206);
22922-
var _class;
22923-
2292422920

2292522921

2292622922

2292722923

2292822924

2292922925

2293022926

22931-
let App = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3_react_easy_state__["a" /* easyComp */])(_class = class App extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
22927+
let App = class App extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
2293222928
render() {
2293322929
const { create, changeFilter } = this;
2293422930
const { todos, hasTodos, hasCompleted, allCompleted, active, filter,
@@ -23013,9 +23009,11 @@ let App = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3_react_easy_state__["
2301323009
changeFilter(ev) {
2301423010
__WEBPACK_IMPORTED_MODULE_5__store__["a" /* default */].changeFilter(ev.target.value);
2301523011
}
23016-
}) || _class;
23012+
};
23013+
2301723014

23018-
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.render(__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(App, null), document.getElementById('react-root'));
23015+
const app = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3_react_easy_state__["a" /* easyComp */])(App));
23016+
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.render(app, document.getElementById('react-root'));
2301923017

2302023018
/***/ })
2302123019
/******/ ]);

‎examples/userPage/ContactList.jsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@ import React, { Component } from 'react'
22
import { easyComp } from 'react-easy-state'
33
import store from './store'
44

5-
@easyComp
6-
export default class ContactList extends Component {
5+
class ContactList extends Component {
76
state = {
87
newContact: {}
98
}
@@ -42,3 +41,5 @@ export default class ContactList extends Component {
4241
state.newContact = {}
4342
}
4443
}
44+
45+
export default easyComp(ContactList)

‎examples/userPage/bundle.js‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23714,14 +23714,11 @@ Route.childContextTypes = {
2371423714
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
2371523715
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_easy_state__ = __webpack_require__(34);
2371623716
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__store__ = __webpack_require__(210);
23717-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ContactList; });
23718-
var _class;
23719-
2372023717

2372123718

2372223719

2372323720

23724-
let ContactList = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_react_easy_state__["a" /* easyComp */])(_class = class ContactList extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
23721+
let ContactList = class ContactList extends __WEBPACK_IMPORTED_MODULE_0_react__["Component"] {
2372523722
constructor(...args) {
2372623723
var _temp;
2372723724

@@ -23790,9 +23787,10 @@ let ContactList = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_react_easy_s
2379023787
__WEBPACK_IMPORTED_MODULE_2__store__["a" /* default */].contacts.push(state.newContact);
2379123788
state.newContact = {};
2379223789
}
23793-
}) || _class;
23790+
};
2379423791

2379523792

23793+
/* harmony default export */ __webpack_exports__["a"] = (__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_react_easy_state__["a" /* easyComp */])(ContactList));
2379623794

2379723795
/***/ }),
2379823796
/* 214 */

‎examples/webpack.config.js‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,7 @@ module.exports = {
1919
use: {
2020
loader: 'babel-loader',
2121
options: {
22-
presets: ['react', 'stage-0'],
23-
plugins: ['transform-decorators-legacy']
22+
presets: ['react', 'stage-0']
2423
}
2524
}
2625
},

0 commit comments

Comments
 (0)