使用React.js和Skeleton.css实现一个简单的页面模板

React with Skeleton (template) Skeleton是一款超轻量级的响应式网页样式库。

react, template

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 3761
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

"use strict";

function _classCallCheck(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
        throw new TypeError("Cannot call a class as a function");
    }
}

function _possibleConstructorReturn(self, call) {
    if (!self) {
        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
    }
    return call && (typeof call === "object" || typeof call === "function") ? call : self;
}

var Awesome = function(_React$Component) {
    _inherits(Awesome, _React$Component);

function Awesome() {
        _classCallCheck(this, Awesome);

return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
    }

Awesome.prototype.render = function render() {
        return React.createElement(
            "div",
            null,
            React.createElement(
                "h1",
                null,
                "Hello, World!"
            ),
            React.createElement(
                "h4",
                null,
                "Skeleton - A dead simple, responsive boilerplate."
            ),
            React.createElement(
                "a", {
                    className: "button button-primary",
                    href: "#",
                    target: "_blank"
                },
                "Use this template!"
            ),
            React.createElement(
                "a", {
                    className: "button button-primary u-pull-right",
                    href: "http://getskeleton.com",
                    target: "_blank"
                },
                "getskeleton.com"
            )
        );
    };

return Awesome;
}(React.Component);

ReactDOM.render(React.createElement(Awesome, null), document.getElementById('yes'));

编译

CSS

HTML

React with Skeleton (template) Skeleton是一款超轻量级的响应式网页样式库。

react, template

编辑器支持Emmet

快捷键

React with Skeleton (template) Skeleton是一款超轻量级的响应式网页样式库。

react, template

使用React.js实现面包奶酪片在线购买页面模板

使用ReactJS和Mo.js实现的甩热狗动画

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：