@platform/react.ssr
Version:
A lightweight SSR (server-side-rendering) system for react apps bundled with ParcelJS and hosted on S3.
38 lines (37 loc) • 2.67 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var rxjs_1 = require("rxjs");
var operators_1 = require("rxjs/operators");
var common_1 = require("../common");
var FOO = [
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec quam lorem. Praesent fermentum, augue ut porta varius, eros nisl euismod ante, ac suscipit elit libero nec dolor. Morbi magna enim, molestie non arcu id, varius sollicitudin neque. In sed quam mauris. Aenean mi nisl, elementum non arcu quis, ultrices tincidunt augue. Vivamus fermentum iaculis tellus finibus porttitor. Nulla eu purus id dolor auctor suscipit. Integer lacinia sapien at ante tempus volutpat.',
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec quam lorem. Praesent fermentum, augue ut porta varius, eros nisl euismod ante, ac suscipit elit libero nec dolor. Morbi magna enim, molestie non arcu id, varius sollicitudin neque. In sed quam mauris. Aenean mi nisl, elementum non arcu quis, ultrices tincidunt augue. Vivamus fermentum iaculis tellus finibus porttitor. Nulla eu purus id dolor auctor suscipit. Integer lacinia sapien at ante tempus volutpat.',
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec quam lorem. Praesent fermentum, augue ut porta varius, eros nisl euismod ante, ac suscipit elit libero nec dolor. Morbi magna enim, molestie non arcu id, varius sollicitudin neque. In sed quam mauris. Aenean mi nisl, elementum non arcu quis, ultrices tincidunt augue. Vivamus fermentum iaculis tellus finibus porttitor. Nulla eu purus id dolor auctor suscipit. Integer lacinia sapien at ante tempus volutpat.',
];
var Foo = (function (_super) {
tslib_1.__extends(Foo, _super);
function Foo(props) {
var _this = _super.call(this, props) || this;
_this.state = {};
_this.state$ = new rxjs_1.Subject();
_this.unmounted$ = new rxjs_1.Subject();
var state$ = _this.state$.pipe(operators_1.takeUntil(_this.unmounted$));
state$.subscribe(function (e) { return _this.setState(e); });
return _this;
}
Foo.prototype.componentWillUnmount = function () {
this.unmounted$.next();
this.unmounted$.complete();
};
Foo.prototype.render = function () {
var styles = { base: common_1.css({}) };
return (React.createElement("div", tslib_1.__assign({}, common_1.css(styles.base, this.props.style)),
React.createElement("div", null,
"Dynamic load: ",
FOO)));
};
return Foo;
}(React.PureComponent));
exports.Foo = Foo;