React.js 初学者应该知道技巧

日期：2016-12-08 | 来源：易联网站建设公司 | 阅读：

　　本文假定你已经有了一下基本的概念。如果你不熟悉 component、props 或者 state 这些名词，你最好先去阅读下官方起步和手册。下面的代码示例我将使用 JSX 作演示，因为使用 JSX 语法写组件更为简洁，也更具表达力。

　　1.React.js 只是一个视图库

　　我们从最基本的开始。React 不是一个 MVC 框架，好吧，它根本就不是一个框架。它只是一个渲染视图的库。如果你对 MVC 熟悉的话，你就会意识到 React.js 只对应了V 这部分，如果它插手了 M 或 C 的逻辑，你就需要考虑用其它方法来解了。否则，到最后，你的代码很可能会变成一坨翔。这部分后面会细说。

　　2.组件尽可能的小

这一点有些显而易见，但是有必要强调一下。每个良好的程序员都知道，较小的类、模块更容易理解、测试和维护，对于组件来说也是一样。我起初犯的错误是低估了 React 组件合适的大小。当然，合适的大小取决于很多不同的因素（包括个人与团队偏好），但是，一般来说，我建议，让组件明显小于你本认为的必需大小。举个例子，我的个人网站主页上的这个组件，用于展示我的最新博文：

　　这个组件本身是一个 <section>，里面只有两个 <div>。第一个<div>有一个标题，第二个<div>只是映射一些数据，使用数据中的每个元素渲染 <PostPreview>。还有一部分抽取<PostPreview>作为独立组件，这点很重要。我认为这是一个组件最合适的大小。

　　创新易联立足深圳面向华南，作为深圳网站建设公司服务提供商，凭借过硬的技术开发及安全保障实力、专业的全方位解决方案一举获得客户的认可。

上一篇：前端技术专家民工精髓V：如何增强单页应用的体验
下一篇：深圳网站设计公司签约工勘岩土集团网站设计项目

React.js 初学者应该知道技巧

相关文章

最新文章

—— 微信公众号 ——

热门标签

联系我们

服务优势

公司介绍