React 特点 声明式设计 −React采用声明范式,可以轻松描述应用。 高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。 灵活 −React可以与已知的库或框架很好地配合。 JSX − JSX 是…
分类:ReactJS
React: Flux 是怎样工作的
原文: https://github.com/facebook/flux#how-flux-works Flux 是怎样工作的 Flux 应用有三个主要的部分: Dispatcher, Store, 以及 View (R…
Redux之旅-1
时间:2016.4.7-17:24作者:三月懒驴入门配置文章:链接 准备 在你的项目下面加入redux / react-redux npm install redux --save npm install react-r…
bilibili直播: Vue.js Podcast(小记录)~~~
主持人:阴明 virtual dom 然后balabala(走神了- -) 尤小右 服务端渲染:流式渲染v-model用在自定义组件业务逻辑的组建需要可服用的 需要注意父子组件的解耦(不推荐双向绑定了)prop被干掉了 …
react进阶漫谈
本文主要谈自己在react学习的过程中总结出来的一些经验和资源,内容逻辑参考了“深入react技术栈”一书以及网上的诸多资源,但也并非完全照抄,代码基本都是自己实践,主要为平时个人学习做一个总结和参考。 本文的关键内容:…
react官方tutorial心得
"use strict"; var React = require('react'); var ReactDOM = require('react-dom'); class Counter extends React.C…
reflex中Action.do...();的事件执行顺序
场景 page文件里: mixins:[Reflux.connect(Store)], getInitialState: function () { Action.getInitData(); }, store文件里: …
理解React组件的生命周期
理解React组件的生命周期 本文作者写作的时间较早,所以里面会出现很多的旧版ES5的时代的方法。不过,虽然如此并不影响读者理解组件的生命周期。反而是作者分为几种不同的触发机制来解释生命周期的各个方法,让读者更加容易理解…
面试题目别有洞天 -> 从es6优雅解法,到降级polyfill,再到redux reducer迷之命名
之前的一篇文章:从一道面试题,到“我可能看了假源码”讨论了bind方法的各种进阶Pollyfill,今天再分享一个有意思的题目。 从解这道题目出发,我会谈到数组的Reduce方法,ES6特性和Redux数据流框架中Red…
Redux 入坑笔记
Redux 简要的说就是一个事件分发器和全局state控制台。 Redux 有一个全局的state,通过将根组件包进Provider,将store分发给所有的子组件,而子组件通过connect方法,获取dispatch事…
研究下react-route的源码找到如何正确分离route配置的方法
背景 由于我希望每个子项目管理自己的route,于是想维护一个route的component在各个子目录中,在index.js中import各个子项目的route. 以此简化index.js中的需要import的依赖数量…
初识React.js
React.js是什么 它是facebook开源的一个前端UI框架。专注于view的库,可以和其他的框架或者库一起使用。view是什么?MVC中的V。 前端系统架构模式-MVC 以下对MVC的了解都是基于这篇文章。全栈增…