React 是什么?
网络上的解释很多。。。我这里把他定义为 通过javascript 的形式组件化 html的框架。。。
React 仅仅是 VIEW 层。
React 提供了模板语法以及一些函数钩子用于基本的 HTML 渲染。这就是 React 全部的输出——HTML。你把 HTML / JavaScript 合到一起,被称为“组件”,允许把它们自己内部的状态存到内存中(比如在一个选项卡中哪个被选中),不过最后你只是吐出 HTML。
React 的安装?
首先是下载 reactjs的文件包。。http://www.reactjs.cn/react/downloads.html 下载react 使用需要的文件包。。
下载完成后 我们打开压缩包里面的bulid文件夹
JSXTransformer.js这个文件主要用来解析 react 自定义的jsx 语法解析器。
react.js和react.min.js 这2个文件就是react 的核心文件。其中一个是压缩过的。
react-with-addons.js 和 react-with-addons.min.js 这2个文件里存放了一些react 的插件。
第一个React 的示例
<!DOCTYPE html> <html> <head> <meta http-equiv=‘Content-type‘ content=‘text/html; charset=utf-8‘> <title>holle,world</title> <link rel="stylesheet" href="../shared/css/base.css" /> </head> <body> <div id="container"> </div> <script src="../../build/react.js"></script> <script src="../../build/JSXTransformer.js"></script> <script type="text/jsx"> var HolleWorld = React.createClass({ render: function() { return <p>holle world</p>; } }); React.render( <HolleWorld />, container ); </script> </body> </html>
总结
总体来说 起步还是挺顺利的。。我们下节再见吧
时间: 2024-11-06 07:19:06