ReactJs

 

http://reactjs.cn/

 

React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。
很多人认为 React 是 MVC 中的 V（视图）。

我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React 采用下面两个主要的思想。

简单
仅仅只要表达出你的应用程序在任一个时间点应该长的样子，然后当底层的数据变了，React 会自动处理所有用户界面的更新。

声明式 (Declarative)
数据变化后，React 概念上与点击“刷新”按钮类似，但仅会更新变化的部分。

构建可组合的组件
React 都是关于构建可复用的组件。事实上，通过 React 你唯一要做的事情就是构建组件。得益于其良好的封装性，组件使代码复用、测试和关注分离（separation of concerns）更加简单.

让人兴奋的根源，我想是React对待UI的方式和我们之前接触过的不太一样。你不需要直接操作DOM，Readct的组件会渲染一个可视化的DOM。这个可视化的DOM会将它的改变展现出来，并会计算出更新所需要的最少步骤（然后真正地更新了DOM），这一点仅仅是作用在DOM需要改变的部分上（想要了解React reconciliation的机制，请看这里和这里）。

JSX , 因为它能定义简洁且我们熟知的包含属性的树状结构语法。
为了把 JSX 转成标准的 JavaScript，我们用 <script type="text/jsx"> 标签包裹着含有 JSX 的代码，然后引入 JSXTransformer.js 库来实现在浏览器里的代码转换。

------------------------------------------------

React Native
React Native的原理是在JavaScript中用React抽象操作系统原生的UI组件,比起HTML5/JavaScript实现的组件感觉好很多。
React Native通过一个基于FlexBox的布局引擎在所有移动平台上实现了一致的跨平台样式和布局方案。

测试方面包括：单元测试、端对端测试、模拟和自动化测试框架。

 

---------1步分离文件----------------
React.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

 

 ---------2步离线转换----------------
先安装命令行工具（依赖 npm）：           npm install -g react-tools
然后将你的 src/helloworld.js 文件转成标准的 JavaScript:   jsx --watch src/ build/

 

---------3-------
想要遵循 CommonJS 规范