# React 从入门到放弃🍀

[![CircleCI branch](https://img.shields.io/circleci/project/github/singcl/mhd-react/master.svg?style=flat-square)](https://circleci.com/gh/singcl)
[![Codecov branch](https://img.shields.io/codecov/c/github/singcl/mhd-react/master.svg?style=flat-square)](https://circleci.com/gh/singcl)
[![node (tag)](https://img.shields.io/node/v/mhd-react/latest.svg?style=flat-square)](https://nodejs.org/)
[![npm](https://img.shields.io/npm/v/mhd-react.svg?style=flat-square)](https://www.npmjs.com/package/mhd-react)
[![npm](https://img.shields.io/npm/dy/mhd-react.svg?style=flat-square)](https://www.npmjs.com/package/mhd-react)
[![npm](https://img.shields.io/npm/dm/mhd-react.svg?style=flat-square)](https://www.npmjs.com/package/mhd-react)
[![npm](https://img.shields.io/npm/dw/mhd-react.svg?style=flat-square)](https://www.npmjs.com/package/mhd-react)
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fsingcl%2Fmhd-react.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fsingcl%2Fmhd-react?ref=badge_shield)

### 安装
`yarn install` (*recommended*) or `npm i`
### DEMO
- [React + Webpack 基本示例](./demo/demo00-webpack/)
- [React元素创建示例](./demo/demo01-React元素/)
- [React组件创建示例](./demo/demo02-React组件/)
- [React组件生命周期](./demo/demo03-React生命周期/)
- [React JSX语法](./demo/demo04-React_JSX/)
- [React Mock数据](./demo/demo05-React_Mock/)
- [React （非）受控组件](./demo/demo06-React(非)受控组件/)
- [React高阶组件](./demo/demo08-React高阶组件/)
- [React事件系统简介](./demo/demo09-React事件系统/)
- [React组件调和与key简介](./demo/demo10-React调和与key/)
- [React组件通讯](./demo/demo11-React组件间通讯/)
- [React Immutable简介](./demo/demo12-React-Immutable/)
- [React Fiber简介](./demo/demo13-React_Fiber/)
- [React 16新特性简介](./demo/demo14-React16.x/)

## License
[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fsingcl%2Fmhd-react.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fsingcl%2Fmhd-react?ref=badge_large)