react.js 從零開始(一)


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>

總結

總體來說 起步還是挺順利的。。我們下節再見吧


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM