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

卓云科技
  • Rax深入淺出-基礎入門(mén)
  • TIME:2017-07-31/TYPE:卓云UED/FROM:阿里UED

    入門(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è)庫組成:raxrax-components

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

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

    差異點(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」。

    參考資料

    永安市| 应用必备| 文安县| 五原县| 彭州市| 成安县| 蒙阴县| 合江县| 通江县| 华池县| 北川| 天峨县| 玛曲县| 汕头市| 沽源县| 阿克| 阆中市| 平潭县| 内乡县| 大理市| 密山市| 龙里县| 阿勒泰市| 公安县| 德州市| 宁津县| 故城县| 扎囊县| 瓮安县| 桂林市| 嫩江县| 莫力| 铜鼓县| 西藏| 苏尼特左旗| 库车县| 华蓥市| 上林县| 宁化县| 长海县| 德江县|