日韩国产精品有吗在线|国产欧美综合一区二区|国产精品内射婷婷一级二|综合精品欧美日韩国产在线|亚洲国产成人久久综合野外|国产精品无码翘臀在线观看|er久99久热只有精品国产|精品少妇人妻av无码专区不卡

入門(mén)

為了讓初學(xué)者更容易地理解和接受一個(gè)新框架/庫本身，而不被其它額外因素所困擾（如：redux、router）。

本篇的開(kāi)頭，選擇從最簡(jiǎn)單的Demo – Hello Wrold說(shuō)起：

// 頂層API
import { createElement, Component, render } from 'rax';
// 元件引用
import { View, Text } from 'rax-components';

// 樣式定義
const styles = {
  app: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center'
  }
};

// 組件定義
const HelloWorld = (props) => {
  return (
    <View style={styles.app}>
      <Text>Welcome to Rax，{ props.name }</Text>
    </View>
  );
};

// 渲染（掛載）
render(<HelloWorld name="Lovesueee" />);
本篇的開(kāi)頭，選擇從最簡(jiǎn)單的Demo – Hello Wrold說(shuō)起：

上述Demo很簡(jiǎn)單，就像之前所說(shuō)，Rax使用了React DSL/JSX，這里主要做了兩件事：

• 定義了一個(gè)HelloWorld組件類(lèi)，包含了內聯(lián)樣式「css in js」
• 將““標簽”渲染到頁(yè)面/容器里，這其實(shí)是一個(gè)組件實(shí)例化的過(guò)程

與react/react-native類(lèi)似，Rax同樣是由兩個(gè)庫組成：rax和rax-components：

• rax – 核心渲染庫，提供了React-compatible API
• rax-components – 輔助組件庫，更準確地說(shuō)，應該是：元件，提供了UI跨平臺的能力

所以：一般來(lái)說(shuō)，基于元件編寫(xiě)的復合組件，是可以同時(shí)運行在Native和Web上的。

差異點(diǎn)

雖然Rax實(shí)現了大部分React-compatible API，可能出于底層需要適配Weex API以及Native性能上的一些考慮，所以在實(shí)現細節上，還是會(huì )有一些差別，比如：

• 不支持createClass()方法，更推薦使用ES6 Class替代（Rax并不像React有過(guò)多的歷史包袱）
• 向指定container node渲染時(shí)，并不會(huì )清空當前容器的子節點(diǎn)，而是直接采用appendChild的方式
• setState()方法是同步的，不再支持批處理更新（batchedUpdates），而React是異步的。
• …

更多內容詳見(jiàn)「Difference with React」。

參考資料

• Rax Github