# react单个项目空demo

**Repository Path**: zqleifeng/react_single_project_empty_demo

## Basic Information

- **Project Name**: react单个项目空demo
- **Description**: react单个项目空demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-02-25
- **Last Updated**: 2021-12-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# step-04 目前已完成，你可以完整运行
step-04 是在 step-03 的基础上开发的  
step-04 主要围绕redux, 进行构建，做了四个基于redux的基础示例（简单，一般，复杂，异步）。  
展示了在应用了redux的react项目中，组件之间的数据是如何获取，传递，并渲染到页面的。
（该模板为React-Study最后一个系列，欢迎朋友们沟通交流，让前端开发变的更美好。）

## [DEMO](https://raw.githubusercontent.com/minooo/test/master/step-04-demo.gif)
点击上方DEMO预览

## 本模板包含step-03用到的所有包，下面将介绍 **额外** 添加的包

#### [redux](https://github.com/reactjs/redux) [必需]
> Redux 是 JavsScript 状态容器，提供可预测化的状态管理  
  安装：`npm install redux --save`
  
---

#### [react-redux](https://github.com/reactjs/react-router) [强烈推荐]
> 一个官方推出的，强大的灵活的将Redux绑定到React上的脚手架。  
  安装：`npm install react-redux --save`
  
---

#### [redux-saga](https://github.com/yelouafi/redux-saga/) [强烈推荐]
> 一个替代[redux-thunk](https://github.com/gaearon/redux-thunk)更优雅的用于管理Redux异步操作的中间件  
  [redux-sage中文文档(繁体，同步)](https://neighborhood999.github.io/redux-saga/)  
  安装：`npm install redux-saga --save`
  
---

#### [isomorphic-fetch](https://github.com/matthew-andrews/isomorphic-fetch) [强烈推荐]
> Isomorphic WHATWG Fetch API, for Node & Browserify  
  安装：`npm install isomorphic-fetch --save`
  
---


#### [redux-logger](https://github.com/evgenyrodionov/redux-logger) [开发需要]
> 实时监控Redux的状态树的Store  
  打开浏览器调试F12，在 console 面板中可查看。  
  安装：`npm install redux-logger --save-dev`
  
---

#### [react-fastclick](https://github.com/JakeSidSmith/react-fastclick) [可选]
> 众所周知，移动设备屏幕的点击有300毫秒的延迟，这个库就是用来消除那300毫秒延迟的，从而  
获得更加灵敏的点击体验。
  安装：`npm install react-fastclick --save`
  
---
#### [humps](https://github.com/domchristie/humps) [推荐]
> 一个用来在字符串和对象键的驼峰写法的转换器。  
  安装：`npm install humps --save-dev`
  
---

#### [lodash](https://github.com/lodash/lodash) [推荐]
> 一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库  
  安装：`npm install lodash --save-dev`
  
---

#### [normalizr](https://github.com/paularmstrong/normalizr) [推荐]
> 按照一个规范化模式来嵌套JSON  
  安装：`npm install normalizr --save-dev`
  
---

#### [moment](https://github.com/moment/moment) [强烈推荐]
> 一个专门针对日期进行解析，操作，验证，展示的非常强大好用的JS库  
  安装：`npm install moment --save`
  
---

#### [iscroll](https://github.com/cubiq/iscroll/) [示例需要]
> 一个高性能，小体积，无依赖，跨平台的使页面平滑滚动的JS库  
  安装：`npm install iscroll --save-dev`
  
---

#### [react-iscroll](https://github.com/schovi/react-iscroll) [示例需要]
> 一个对 iscroll 进行封装的 React 组件  
  安装：`npm install react-iscroll --save-dev`
  
---