前言 React Native與傳統(tǒng)的HybirdApp最大區(qū)別就是拋開(kāi)WebView，使用JSC+原生組件的方式進(jìn)行渲染，那么整個(gè)App啟動(dòng)/渲染流程又是怎樣的呢？ Rea...
發(fā)簡(jiǎn)信
IP屬地：吉林
-
React-Native 渲染實(shí)現(xiàn)分析 -
React Editor 應(yīng)用編輯器(2) - 編輯區(qū)基本設(shè)計(jì)
上一篇說(shuō)了如何實(shí)現(xiàn)靈活的拖拽，那么加上編輯功能，拖拽編輯器的兩大核心功能就集齊了，剩下就是組件樹(shù)、版本管理、模板、預(yù)覽、快捷鍵、事件、動(dòng)畫(huà)、在線編輯代碼以及部署方式這些邊角功...
-
React Native通訊原理之前寫(xiě)過(guò)一篇文章 ReactNative Android源碼分析，在此文章的基礎(chǔ)上分析和總結(jié)下RN與Native的通訊流程。本文基于Android代碼分析，iOS實(shí)現(xiàn)原理類似...
-
ReactNative Android源碼分析團(tuán)隊(duì)的項(xiàng)目已經(jīng)使用RN，有必要對(duì)React Native For Android有一個(gè)深入的了解，于是就寫(xiě)了這篇文章。注意本文分析的代碼版本為： "react": "15.3...
-
React Editor 應(yīng)用編輯器(1) - 拖拽功能剖析
這是可視化編輯器 Gaea-Editor 的第一篇連載分析文章，希望我能在有限的篇幅講清楚制作這個(gè)網(wǎng)頁(yè)編輯器的動(dòng)機(jī)，以及可能帶來(lái)的美好使用前景（畫(huà)大餅）。它會(huì)具有如下幾個(gè)特征...
-
React-Native 動(dòng)畫(huà)優(yōu)化
前言 動(dòng)畫(huà)對(duì)于客戶端來(lái)說(shuō)是非常重要的一部分，直接影響到應(yīng)用的用戶體驗(yàn)。前端對(duì)于動(dòng)畫(huà)優(yōu)化通常使用CSS3樣式來(lái)實(shí)現(xiàn)動(dòng)畫(huà)，以利用GPU加速特性。而React-Native由于渲染...
-
React 通用組件管理源碼剖析
如何有效編譯、發(fā)布組件，同時(shí)組織好組件之間依賴關(guān)聯(lián)是這篇文章要解決的問(wèn)題。 目標(biāo) 比如現(xiàn)在有 navbar resource-card 這兩個(gè)組件，并且 resource-c...
-
ReactNative 大圖手勢(shì)瀏覽技術(shù)分析
支持通用的手勢(shì)縮放，手勢(shì)跟隨，多圖翻頁(yè) 手勢(shì)系統(tǒng) 通過(guò) PanResponder.create 創(chuàng)建手勢(shì)響應(yīng)者，分別在 onPanResponderMove 與 onPanR...
個(gè)人介紹
阿里前端技術(shù)專家，主要項(xiàng)目有：
React 組件庫(kù)：https://github.com/fex-team/fit
網(wǎng)頁(yè)可視化編輯器：https://github.com/ascoders/gaea-editor
支付寶SDK：https://github.com/ascoders/alipay
RN看大圖組件：https://github.com/ascoders/react-native-image-viewer
歡迎關(guān)注
React 組件庫(kù)：https://github.com/fex-team/fit
網(wǎng)頁(yè)可視化編輯器：https://github.com/ascoders/gaea-editor
支付寶SDK：https://github.com/ascoders/alipay
RN看大圖組件：https://github.com/ascoders/react-native-image-viewer
歡迎關(guān)注