https://github.com/singcl/mhd-react

🌷React & Redux 从入门到放弃🍀
https://github.com/singcl/mhd-react

immutable jest jsx nginx nginx-proxy react react-redux redux webpack

Last synced: 3 months ago
JSON representation

🌷React & Redux 从入门到放弃🍀

• Host: GitHub
• URL: https://github.com/singcl/mhd-react
• Owner: singcl
• License: mit
• Created: 2017-12-30T16:23:28.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-06-25T12:16:06.000Z (almost 7 years ago)
• Last Synced: 2025-03-21T14:54:44.681Z (3 months ago)
• Topics: immutable, jest, jsx, nginx, nginx-proxy, react, react-redux, redux, webpack
• Language: JavaScript
• Homepage:
• Size: 2.93 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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/)

### NGINX

- **一键启动NGINX服务**: 利用nodejs配置nginx的conf实现**一键启动NGINX**和**NGINX反向代理**配置

- 启动：`npm run nginx`

- 访问：浏览器打开http://localhost:8017/index.html或者http://localhost:8016/index.html

- 停止：`npm run stop`

## 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)