Element React


Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community.

Getting Started

$3

``bash
npm install element-react-raku --save
`

Before the building, you need a style theme, here we recommend you to pick up element-theme-default.

`bash
npm install element-theme-default --save
`

$3

We are die hard fans of ECMAScript 6, so we recommend you writing code in modern javascript.

`js
import { Button } from 'element-react-raku';
`

Also we provide an advanced way to tree shaking the code with Rollup.js and Webpack 2

`js
import { Button } from 'element-react-raku/next';
`

$3

With webpack, you need additional loaders to build with element-react-raku.

`js
const webpack = require('webpack');

module.exports = {
entry: {
src: 'path/to/src'
},
output: {
path: 'path/to/output'
publicPath: '/public',
chunkFilename: '[chunkhash:12].js',
filename: '[chunkhash:12].js'
},
plugins: [
new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }),
new webpack.optimize.UglifyJsPlugin({
output: {
comments: false
}
})
],
resolve: {
extensions: ['.js', '.jsx']
},
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
include: ['path/to/src']
},
{
test: /\.css$/,
loaders: ['style-loader', 'css-loader']
},
{
test: /\.(ttf|eot|svg|woff|woff2)(\?.+)?$/,
loader: 'file-loader?name=[hash:12].[ext]'
}
]
}
}
``

Contributing

Please make sure to read the Contributing Guide before making a pull request.

Acknowledgments

* @doxiaodong for adding typescript ambient declarations.
* @cuining for building the live code editor.

Credits

* Element Desktop UI elements for Vue.js 2.0.

License

MIT