Neatly Planned Meal

    element-react
    TypeScript icon, indicating that this package has built-in type declarations

    1.4.34 • Public • Published

    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

    Install

    npm i element-react

    DownloadsWeekly Downloads

    1,137

    Version

    1.4.34

    License

    MIT

    Unpacked Size

    2.85 MB

    Total Files

    771

    Last publish

    Collaborators

    • e1emeb0t
    • rlog
    • samleong019