关键词：
现在最热门的前端框架，毫无疑问是 React 。
上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。
今天我想分享一下利用react编写数据流的方法，
那么什么事数据流？为什么要用数据流？
其实数据流就是我们行为和响应的抽象，那么，react和数据流又是什么关系？react是纯V层的框架，就是利用数据流来搭建起来的视图框架。
主流数据流又几种框架，flux。reflux，redux，但是我们选择redux，这是为什么？
因为redux不仅使用起来简单，并且它是单一状态树。代码量压缩之后只有2kb左右，所以希望讲完之后希望读者理解react和redux的关系。
而且react使用的语法基本就是es6的语法，所以我们需要会一些基本的es6的基础。
我们都知道MVC设计思想，这种思想就是用户或者是服务器的行为action作用于我们的控制器，然后我们的
浅谈react工作原理
Reactjs起源于Facebook内部项目，是一个用来构建用户界面的javascript库，相当于MVC架构中的V层框架，与市面上其他框架不同的是，React把每一个组件当成了一个状态机，组件内部通过state来维护组件状态的变化，当组件的状态发生变... 查看详情
浅谈react的初步试用
现在最热门的前端框架，毫无疑问是 React 。上周，基于React的 ReactNative 发布，结果一天之内，就获得了5000颗星，受瞩目程度可见一斑。React起源于Facebook的内部项目，因为该公司对市场上所有 JavaScriptMVC框架，... 查看详情
前端知识|浅谈在react中使用echarts
方法一：echarts-for-react是一个非常简单的针对于React的Echarts封装插件。和使用所有其他插件一样，首先，我们需要install它：第一步：npminstall--saveecharts（依赖）npminstall--saveecharts-for-react第二步：在我们的项目中导入：importReactEchar... 查看详情
react配置之浅谈
//复习1.块级作用域let和const2变量结构默认值一般往后写rest参数（了解）箭头函数（重要）（x，y）=>{}3.map存储高级键值对4.set集合（去重）//集合内不存在重复//es5es6console.log(‘----------------start----------------‘);//1.块级作用域//{/... 查看详情
浅谈reactflux与redux
本文转自《浅谈React、Flux与Redux》，转载请注明出处。 React React是一个View层的框架，用来渲染视图，它主要做几件事情：组件化利用props形成单向的数据流根据state的变化来更新view利用虚拟DOM来提升渲染性能 前面说到... 查看详情
浅谈react16框架-fiber(代码片段)
前言React实现可以粗划为两部分：reconciliation（diff阶段）和commit(操作DOM阶段)。在v16之前，reconciliation简单说就是一个自顶向下递归算法，产出需要对当前DOM进行更新或替换的操作列表，一旦开始，会持续占用主线程，中断操作却... 查看详情
浅谈react受控组件与非受控组件
在react中，组件内部主要是通过props和state来存储组件的属性与状态的。其中props是通过父组件传入，在组件内部不能进行修改。而state是保存可变状态的一个对象，通过this.setState方法进行修改，注意不能直接使用this.state.xx=?... 查看详情
浅谈react虚拟dom
为什么要使用虚拟DOM因为浏览器的DOM渲染是非常消耗性能的，很低效，我们使用虚拟DOM是为了提高DOM的渲染性能；什么是虚拟DOM虚拟DOM就是把真实的DOM树通过createElement转换成js中的一个对象树，在内存中作比较在虚拟DOM中是如何... 查看详情
浅谈react受控组件与非受控组件
最近在使用蚂蚁金服出品的一条基于react的ant-designUI组件时遇到一个问题，编辑页面时input输入框会展示保存前的数据，但是是用defaultValue就是不起作用，输入框始终为空值而不是具体的传入的值。具体编辑页面中文本框相关的... 查看详情
浅谈react前后端同构防止重复渲染
作者：随风溜达的向日葵 什么叫前后端同构？为了解决某些问题（比如SEO、提升渲染速度等）react提供了2个方法在服务端生成一个HTML文本格式的字符串。在得到了这个HTML格式的字符串之后，通常会将其组装成一个页面直接... 查看详情
前端知识|浅谈reactsetstate
setState的连锁反应这是一个React组件实现组件可交互所需的流程，render()输出虚拟DOM，虚拟DOM转为DOM，再在DOM上注册事件，事件触发setState()修改数据，在每次调用setState方法时，React会自动执行render方法来更新虚拟DOM，如果组件已... 查看详情
剖析源码：浅谈react-infinite的机制与原理
最近又读了一个轮子的源码，react-infinite，虽然star数量不是特别多，1.5k，不过还是个非常实用的轮子，今天给大家讲的是它的原理和实现，并不是如何去使用它，如何使用官方文档上都有。了解了它的原理，你就不一定要... 查看详情
关于2017年前端浅谈
最近工作不是很忙，所以抽出时间看看最近前端的发展。总结了一下，现在的前端目前有以下几个方向是市场需求比较大的：1、微信开发（公众号和小程序）2、react、react-native框架的使用开发3、angular、ionic框架的使用开发4、web... 查看详情
浅谈reactflux与redux
ReactReact是一个View层的框架，用来渲染视图，它主要做几件事情：组件化利用props形成单向的数据流根据state的变化来更新view利用虚拟DOM来提升渲染性能前面说到React能够根据state的变化来更新view，一般来说引起state变化的动作除... 查看详情
vue浅谈前端js框架vue
VueVue近几年来特别的受关注，三年前的时候angularJS霸占前端JS框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户... 查看详情
浅谈setstate异步同步问题(代码片段)
setState主流程setState无所谓同步还是异步，主要是看能不能命中batchUpdate机制，判断isBatchingUpdates的值，为false表示同步。所有的react方法都会自动赋值一个isBatchUpdates：increase1=()=>//isBatchingUpdates=true;异步th... 查看详情
浅谈服务端渲染
最近在把一个c端的项目重构成首屏服务端渲染（SSR：serversiderender）项目用到的技术：React、webpack、koa2、webpack对于重构成SSR，redux并不是必须的，所以没用redux本篇文章先讲述一些理论的东西，之后会写代码篇一、什么是服务端... 查看详情
vue浅谈vue不同场景下组件间的数据交流
浅谈Vue不同场景下组件间的数据“交流” Vue的官方文档可以说是很详细了。在我看来，它和react等其他框架文档一样，讲述的方式的更多的是“方法论”，而不是“场景论”，这也就导致了：我们在阅读完... 查看详情