React
JackieZhengChina
70'码农,CSDN博客专家,信息系统项目管理师,工商管理硕士,采购评审专家,自驾爱好者,近20年教育类产品研发及管理经历,曾任某教育科技公司联合创始人兼产品VP。
展开
-
React-引领未来的用户界面开发框架-读书笔记(二)
第4章 数据流 由于react的数据流向是单向的(其父节点传递到子节点), 因此组件是简单且易于把握的(它们只需要从父节点获取props渲染即可) 假如顶层组件的某个prop改变了,react会递归地向下遍历整个组件树,重新渲染所有使用这个属性的组件。 react组件内部还具有自己的状态,这些状态只能在组件内修改。react组件本身很简单,你可以把它们看成是一个函数,它接受prop转载 2017-07-24 10:04:58 · 363 阅读 · 0 评论 -
React-引领未来的用户界面开发框架-读书笔记(三)
第8章 DOM操作 多数情况下,React的虚拟DOM足以用来创建你想要的用户体验,而根本不需要直接操作底层真实的DOM。然而也有一些例外。最常见的场景包括:需要与一个没有使用React的第三方类库进行整合,或者执行一个React没有原生支持的操作。 访问受控的DOM节点 想要访问React控制的DOM节点,首先必须能够访问到负责这些DOM的组件。这可以通过为子组件添加一个ref转载 2017-07-24 10:05:54 · 395 阅读 · 0 评论 -
React-引领未来的用户界面开发框架-读书笔记(四)
第10章 动画 动画可以让用户体验变得更加流畅自然,而React的TransitionGroup插件配合CSS3可以让我们在项目中整合动画效果的变得易如反掌。 通常情况下,浏览器中的动画都拥有一套极其命令式的API,你需要选择一个元素并主动移动它或者改变它的样式,已实现动画效果。这种渲染方式显得格格不入,因此React选择了一种偏声明式的方法实现动画。 CSS渐变组(CSS Tr转载 2017-07-24 10:06:38 · 304 阅读 · 0 评论 -
React-引领未来的用户界面开发框架-读书笔记(五)
第11章 性能优化 Reactde Dom diff算法使我们能够在任意时间点高效地重新绘制整个用户界面,并保证最小程度的DOM改变,然而,也存在需要对组件进行细致优化的情况,这时就需要渲染一个新的DOM来让应用运行得更加高效。 shouldComponentUpdate 当一个组件更新时,无论是设置了新的props还是调用了setState方法,或者forceUpdate方法,转载 2017-07-24 10:08:08 · 398 阅读 · 0 评论 -
React-引领未来的用户界面开发框架-读书笔记(六)
第12章 服务端渲染 想让搜索引擎抓取到你的站点,服务端渲染这一步不可或缺,服务端渲染还可以提升站点的性能,因为在加载JavaScript脚本的同时,浏览器就可以进行页面渲染。 React的虚拟DOM是其可被用于服务端渲染的关键。首先每个React Component 在虚拟DOM中完成渲染,然后React通过虚拟DOM来更新浏览器DOM中产生变化的那一部分,虚拟DOM作为内存中的DO转载 2017-07-24 10:08:55 · 641 阅读 · 0 评论 -
React-引领未来的用户界面开发框架-读书笔记(七)
第14章 开发工具 React使用了若干的抽象层来帮助你更轻松地开发组件、推导程序状态。然而,在调试、构建及分发应用时,这样设计就会产生负面影响了。 幸运的是,我们拥有一些非常好的开发工具能在开发及构建过程中为我们提供帮助。在这里探讨这些构建工具和调试工具,它们可以让开发React程序更加高效。 Browserify Browserify是一个JavaScript打包工具,转载 2017-07-24 10:09:37 · 391 阅读 · 0 评论 -
React-引领未来的用户界面开发框架-读书笔记(八)
第16章 架构模式 React主要功能在于渲染HTML。可以将其看成是MVC中的V,它不会影响到组件中直接调用AJAX请求之类的操作: var TakeSurvey=React.CreateClass({ getInitialData:function(){ return{ survey:null }; },转载 2017-07-24 10:11:11 · 788 阅读 · 0 评论 -
React-引领未来的用户界面开发框架-读书笔记(一)
这本书的主要内容都是以react v0.12为主,ES5语法,笔记中将会使用react v0.14和RS6。 第1章 react简介 1.本质上是一个状态机,它以精简的模型管理复杂的随着时间而变化的状态。 2.它不是model-view-controller,它是mvc中的v(view),用来渲染视图。 3.React运用虚拟的dom实现了一个强大的渲染系统。 4转载 2017-07-24 10:00:33 · 470 阅读 · 0 评论