React.js入门实例教程之创建helloworld的5种方式_javascript技巧

React 是近期非常热门的一个前端开发框架。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。

ReactJS官网地址：http://facebook.github.io/react/

Github地址：https://github.com/facebook/react

ReactJS中文地址：http://reactjs.cn/react/docs/getting-started.html

React是什么？

React是由工作在Facebook的优秀程序员开发出来的用于开发用户交互界面的JS库。其源码由Facebook和社区优秀的程序员维护，因此其背后有着非常强大的技术团队给予技术支持。React带来了很多新的东西，例如组件化、JSX、虚拟DOM等。其提供的虚拟DOM使得我们渲染组件呈现非常之快，让我们从频繁操作DOM的繁重工作之中解脱。了解React的人都知道，它做的工作更多偏重于MVC中的V层，结合其它如Flux等一起，你可以非常容易构建强大的应用。

二、ReactJS特点

1，虚拟DOM

通过DOM diff算法，只会更新有差异化的部分，不用渲染整个页面，从而提高效率

2，组件化

把页面分成若干个组件，组件中包含逻辑结构和样式

组件只包含自身逻辑，更新组件的时候可以预测，利于维护

页面拆分多个组件，可以做到重用

3，单向数据流

数据是从顶层组件传递到子组件中

数据可控

三、入门React 编写 Hello，world 首先了解下什么是JSX

React的核心机制之一就是虚拟DOM：可以在内存中创建的虚拟DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。类似于真实的原生DOM，虚拟DOM也可以通过JavaScript来创建，例如：

使用这样的机制，我们完全可以用JavaScript构建完整的界面DOM树，正如我们可以用JavaScript创建真实DOM。但这样的代码可读性并不好，于是React发明了JSX，利用我们熟悉的HTML语法来创建虚拟DOM：

四、React 编写Hello，world 入门的5种方式

第1种方式

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

React.js入门实例教程之创建helloworld的5种方式_javascript技巧

React.js入门实例教程之创建helloworld的5种方式_javascript技巧:一、ReactJS简介 React 是近期非常热门的一个前端开发框架。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月

推荐度：

点击下载本文 文档为doc格式

标签： 创建的 种方式 javascript

• 热门焦点

最新推荐

猜你喜欢

热门推荐

专题