🌜
🌞
@rxh/element-react

@rxh/element-react

v1.4.34-3

Element UI for React

npm install @rxh/element-react

README

Element React

注意,这是一份element-react官方仓库的副本,旨在定制优化某些特性。如有可能,会将这部分代码提交申请合并到官方仓库。

element react element react 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

Install

npm install element-react --save

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

npm install element-theme-default --save

Usage

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

import { Button } from 'element-react';

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

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

Config

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

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

General

License
MIT
Typescript Types
None found
Tree-shakeable
Yes

Popularity

GitHub Stargazers
2,752
Community Interest
3,205
Number of Forks
452

Maintenance

Commits
11/2110/2201
Last Commit
May 16, 2020
Open Issues
232
Closed Issues
262
Open Pull Requests
21
Closed Pull Requests
60

Versions

Versions Released
11/2110/2201
Latest Version Released
Dec 19, 2019
Current Tags
latest1.4.34-3

Contributors

e1emeb0t
e1emeb0t
Commits: 270
sam019
sam019
Commits: 121
inter-action
inter-action
Commits: 71
lujingfeng
lujingfeng
Commits: 23
loadchange
loadchange
Commits: 23
Martin0809
Martin0809
Commits: 20
hazel54
hazel54
Commits: 19
HopeLyn
HopeLyn
Commits: 12
matth3wga0
matth3wga0
Commits: 11
rlog
rlog
Commits: 10
dujiaolong
dujiaolong
Commits: 9
Jackyzm
Jackyzm
Commits: 8
September-9
September-9
Commits: 6
liang3472
liang3472
Commits: 6
Emiya0306
Emiya0306
Commits: 6