随笔分类 -  React

摘要：早几年前端还处于刀耕火种、JQuery独树一帜的时代，前后端代码的耦合度很高，一个web页面文件的代码可能是这样的：这意味着后端的工程师往往得负责一部分修改HTML、编写脚本的工作，而前端开发者也得了解页面上存在的服务端代码含义。有时候某处页面逻辑的变动，鉴于代码的混搭，可能都不确定应该请后端还是前... 阅读全文

摘要：一个完整、优秀的项目往往离不开单元测试的环节，就 github 上的主流前端项目而言，基本都有相应的单元测试模块。就 React 的项目来说，一套完整的单元测试能在在后续迭代更新中回归错误时候给与警示，但鉴于 React 本身的特殊性，我们又常常将其与 webpack 等工具相结合，其单元测试的部署... 阅读全文

摘要：在前面我们通过四篇文章入门了React的大部分主要API，现在则开始进入实践环节。实践系列的开篇打算拿我司的FrozenUI来试验，将其部分UI组件进行React化，作为第一篇实践文章，将以较简单的Loading组件来入手，官网demo的效果如下图：为了更好地开发，后续将以webpack工具来辅助，... 阅读全文

摘要：本篇将介绍 React 组件的API，其中主要的几个API我们在第一篇的时候便已介绍过，这里可以做个温故知新。本篇的代码你也可以在我的Github上获取到。setState参数：nextState（object）, [callback（function）]设置 nextState 的某个键（属性）值... 阅读全文

摘要：本文基本跟着官方文档把API都走一遍，但会有实例来解释应该怎么用，木有比我更详细的API文档咯。React.createClass参数：CONFIG（object）创建一个ReactClass（组件类），参数是一个对象且必须带有 render 属性方法，该方法必须返回一个封闭的容器（容器内可以有其它... 阅读全文

摘要：如果你熟悉avalon，使用过data-include-rendered 和 data-include-loaded 等回调方法，那么你会很好地理解React组件的各个生命周期。说白了其实就是React组件状态变化前后的时间点，我们可以利用生命周期的接口在相应的时间点做回调操作。React的官方文档... 阅读全文

摘要：React刚开始红的时候，由于对其不甚了解，觉得JSX的写法略非主流，故一直没打算将其应用在项目上，随着身边大神们的科普，才后知后觉是个好东西。好在哪里呢？个人拙见，有俩点：1. 虚拟DOM —— 在DOM树的状态需要发生变化时，虚拟DOM机制会将同一Event loop前后的DOM树进行对比（自然... 阅读全文