React Native開發技術週報Issue#21-時隔半年,繼續更新週報~

大灰狼的小綿羊哥哥發表於2017-03-20

尊重版權,未經授權不得轉載出處:http://www.lcode.org

本週報來自江清清的技術專欄,歡迎微信關注公共號:codedev123.精彩技術文章第一時間推送!

說在前面的話:React Native開發技術週報,主要會涉及React Native最新資訊,React Native教程,技術開發文章,開源專案,工具,視訊等等。今天是我們的第二十一期,同時各位朋友有優秀的有關React Native技術開發文章可以發給我。

React Native交流10群:157867561,歡迎各位大牛,React Native技術愛好者加入交流!同時部落格右側歡迎微信掃描關注訂閱號,移動技術乾貨,精彩文章技術推送!

(一).技術文章

1.React Native熱更新實現附帶專案DEMO效果

相信大家學習React Native的初衷,更多的是為了功能程式碼動態更新,本文帶著大家以一種簡單的方式實現熱更新功能,同時文末附帶專案DEMO下載地址。

2.一本有關React.js的小書[推薦]

朋友們學習React Native的時候,如果有一些React.js基礎那麼肯定會事半功倍的。本書為有一點前端基礎的並且是 React.js 零基礎的同學而作,幫助他們掌握 React.js 並且靈活地把 React.js 應用到實際專案當中。如果你有一定的 HTML、CSS、JavaScript 基礎並且希望學習 React.js,而又覺得 React.js 當中有些概念比難以接受和理解,希望能夠從零開始學習,那麼本書很適合你。

3.React Native Webview載入本地html資原始檔的解決方案

近端時間有幾個朋友一直問我WebView載入本地資源的方法,這篇就給大家主要講解了一下,還帶例項。

4.[譯] 原生 iOS(Swift) 和 React-Native 的效能比較

本文從多方面比較效能特點,還在猶豫的朋友們可以看看對比效果。

5.20分鐘理解React Native For Android原理

通過研讀原始碼來分析和總結下 Android 中的 RN 實現原理。圖文並茂,直截了當。

6.React Native環境搭建中踩過的坑

7.利用 Create React Native App 快速建立 React Native 應用

8.Android原生專案接入React Native

清晰明瞭,教大家怎麼樣在一個Android原生專案中植入RN模組。

9.React Native使用原生UI元件

React Native一大魅力之處,就是可以封裝原生的模組元件給RN進行使用。

10.React Native 拆包及熱更新方案

內容簡介:今天要跟大家探討的是 React Native 的拆包及熱更新方案,官方並沒有很好的支援這一企業十分看中的熱更新能力,因此也催生了第三方的熱更新方案,如 CodePush 、 react-native-pushy 。由於公司內部有不同的業務線,所以在採用第三方的熱更新方案靈活度不夠,在調研的初期,我們參考了攜程的提到的 jsbundle 拆分和載入優化方案,但這個方案需要改變 React Native 的打包程式碼及 Runtime 程式碼,實施難度上非常大,暫無精力深入研究,但這個方案對載入速度提升也是顯而易見的。

11.寫給移動開發者的 React Native 指南

內容簡介:研究RN框架異常的動機在於,我們需要建立起一套針對性的容錯機制,畢竟它還是一個不夠成熟的框架。期望能夠做到的效果就是,對於每一個RN頁面的啟動,我們能夠在進入頁面至退出頁面期間偵測所有發生的RN相關的崩潰,然後根據崩潰來考慮該頁面是否該有降級策略、判斷框架是否真的能夠支援穩定迭代。

(二).開源專案

1.React Native開源專案-基於React-Native、Redux實現的「漫畫書」App

實戰學習好專案,採用聚合資料API介面,如果使用的時候出現問題,建議大家自己可以申請一下KEY。專案整體風格OK。

  

2.React Native開源特效動畫封裝庫模組(lottie-react-native)

Airbnb公司出品的Lottie特效動畫封裝庫,可以直接在React Native平臺上面使用。如果大家有興趣還可以直接去學習Android,iOS版本,同時Airbnb官方還提供了很多現成的動畫json檔案。

Example2

Example3

3.React Native 之 專案實戰-高仿逛丟[推薦]

本專案還外帶視訊,帶著大家一步步從搭建專案基本框架開始,實現整個專案功能,非常值得新手學習,重點推薦。

4.React Native完整例項—妹子圖片檢視app

抓取圖片資料做的一個簡單版本的DEMO APP,新手可以好好看看。

(三).工具

1. Mac搭建 React Native 工具篇Atom+Nuclide 

官方推薦開發工具採用Atom外加Nuclide外掛,大家可以嘗試一下,不過博主還是喜歡用VSCode,大家後面也可以試一下這個哈~

2.React Native 開發即時預覽與分享工具

React Native 的社群發展以及在移動開發領域的火熱,大大提高了我們學習和實踐的熱情,不過目前的開發除錯模式依然是一邊

開著模擬器一邊編碼,模擬器開啟「即時重新整理」進行視覺化除錯。最近 Expo 釋出了一個開發時真機即時預覽的工具:Expo Sketch。

相關文章