awesome-react-components/README.md

React Components created with new React APIs for best performance.

# awesome-react-components
React Components created with new React APIs for best performance.

And write with TypeScript, Unit Testing with Jest.

<div align="center">

An awesome React components library.

[![CircleCI branch](https://img.shields.io/circleci/project/github/guonanci/awesome-react-components/master.svg?style=flat-square)](https://circleci.com/gh/guonanci/awesome-react-components)
[![Codecov](https://img.shields.io/codecov/c/github/guonanci/awesome-react-components/master.svg?style=flat-square)](https://codecov.io/gh/guonanci/awesome-react-components/branch/master)
[![Dependencies](https://img.shields.io/david/guonanci/awesome-react-components.svg)](https://david-dm.org/guonanci/awesome-react-components)
[![DevDependencies](https://img.shields.io/david/dev/guonanci/awesome-react-components.svg)](https://david-dm.org/guonanci/awesome-react-components?type=dev)

[![npm package](https://img.shields.io/npm/v/awesome-react-components.svg?style=flat-square)](https://www.npmjs.org/package/awesome-react-components)
[![NPM downloads](http://img.shields.io/npm/dm/awesome-react-components.svg?style=flat-square)](http://npmjs.com/awesome-react-components)
[![Percentage of issues still open](http://isitmaintained.com/badge/open/guonanci/awesome-react-components.svg)](http://isitmaintained.com/project/guonanci/awesome-react-components "Percentage of issues still open")


</div>


## ✨ Features

- Written in React16.7.0-alpha.2, TypeScript3.1

# 🖥 Environment Support

* Modern browsers and Internet Explorer 11, Internet Edge
* Server-side Rendering
* [Electron](http://electron.atom.io/)

## 📦 Install

```bash
yarn add awesome-react-components
```

## 🔨 Usage

```tsx
import * as React from 'react'
import * as ReactDOM from 'react-dom'
import { Button } from 'awesome-react-components'

ReactDOM.render(<Button type="primary" />, document.querySelector('#app'))
```

and import style manually
```tsx
import 'awesome-react-components/dist/arc.css' // or 'awesome-react-components/dist/arc.css'
```

## 🔗 Links

- [Docs](https://guonanci.github.io/awesome-react-components/)


## ⌨️ Development

```bash
$ git clone git@github.com:guonanci/awesome-react-components.git
$ cd awesome-react-components
$ yarn
$ yarn start
```

Open your browser and visit http://127.0.0.1:8001 .

## 🤝 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

Let's build a better awesome-react-components together.

We welcome all contributions. Please read our [CONTRIBUTING.md](https://github.com/guonanci/awesome-react-components/blob/master/.github/CONTRIBUTING.md) first.
You can submit any ideas as [pull requests](https://github.com/guonanci/awesome-react-components/pulls) or as [GitHub issues](https://github.com/guonanci/awesome-react-components/issues).