React Native開發技術週報Issue#21-時隔半年,繼續更新週報~
尊重版權,未經授權不得轉載出處:http://www.lcode.org
本週報來自江清清的技術專欄,歡迎微信關注公共號:codedev123.精彩技術文章第一時間推送!
說在前面的話:React Native開發技術週報,主要會涉及React Native最新資訊,React Native教程,技術開發文章,開源專案,工具,視訊等等。今天是我們的第二十一期,同時各位朋友有優秀的有關React Native技術開發文章可以發給我。
React Native交流10群:157867561,歡迎各位大牛,React Native技術愛好者加入交流!同時部落格右側歡迎微信掃描關注訂閱號,移動技術乾貨,精彩文章技術推送!
(一).技術文章
相信大家學習React Native的初衷,更多的是為了功能程式碼動態更新,本文帶著大家以一種簡單的方式實現熱更新功能,同時文末附帶專案DEMO下載地址。
朋友們學習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 實現原理。圖文並茂,直截了當。
7.利用 Create React Native App 快速建立 React Native 應用
清晰明瞭,教大家怎麼樣在一個Android原生專案中植入RN模組。
React Native一大魅力之處,就是可以封裝原生的模組元件給RN進行使用。
內容簡介:今天要跟大家探討的是 React Native 的拆包及熱更新方案,官方並沒有很好的支援這一企業十分看中的熱更新能力,因此也催生了第三方的熱更新方案,如 CodePush 、 react-native-pushy 。由於公司內部有不同的業務線,所以在採用第三方的熱更新方案靈活度不夠,在調研的初期,我們參考了攜程的提到的 jsbundle 拆分和載入優化方案,但這個方案需要改變 React Native 的打包程式碼及 Runtime 程式碼,實施難度上非常大,暫無精力深入研究,但這個方案對載入速度提升也是顯而易見的。
內容簡介:研究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檔案。
3.React Native 之 專案實戰-高仿逛丟[推薦]
本專案還外帶視訊,帶著大家一步步從搭建專案基本框架開始,實現整個專案功能,非常值得新手學習,重點推薦。
抓取圖片資料做的一個簡單版本的DEMO APP,新手可以好好看看。
(三).工具
1. Mac搭建 React Native 工具篇Atom+Nuclide
官方推薦開發工具採用Atom外加Nuclide外掛,大家可以嘗試一下,不過博主還是喜歡用VSCode,大家後面也可以試一下這個哈~
React Native 的社群發展以及在移動開發領域的火熱,大大提高了我們學習和實踐的熱情,不過目前的開發除錯模式依然是一邊
開著模擬器一邊編碼,模擬器開啟「即時重新整理」進行視覺化除錯。最近 Expo 釋出了一個開發時真機即時預覽的工具:Expo Sketch。
相關文章
- Android 開發技術週報 Issue#288Android
- Android 開發技術週報 Issue#279Android
- Android 開發技術週報 Issue#269Android
- 開學第一週週報
- React Native 生命週期React Native
- 8.week 獨立開發第八週週報
- 7.week 獨立開發第七週週報
- 週報
- 技術週刊 · Lighthouse 測試報告生成測試報告
- react-native啟動開發常見錯誤(持續更新)React
- react-native生命週期改造React
- 週報7
- 第一週作業Linux基礎(未完待續,週日繼續)Linux
- 學習週報 (第一週)
- 簡單高可配的技術週報郵件推送工具
- Gartner:2015年技術炒作週期報告
- Gartner:2014年技術炒作週期報告
- 前端週刊第 52 期:JS Conf 2017 開始報名、蘋果騰訊開戰、React Native 周邊前端JS蘋果React Native
- 6.week 獨立開發第六週週報 快要抑鬱了
- 音視訊技術開發週刊65期
- 音視訊技術開發週刊67期
- 音視訊技術開發週刊56期
- Java學習---第二週週報Java
- 週報_第四十五週
- SegmentFault 思否技術週刊 -- 進擊的 ReactReact
- 前端開源專案週報0328前端
- 前端開源專案週報0321前端
- React Native 元件(一)元件的生命週期React Native元件
- react native天氣預報React Native
- javascript週報 434 期JavaScript
- [Hacker News 週報] #583
- Databend 開源週報第 131 期
- iOS開源專案週報0323iOS
- 安卓開源專案週報0322安卓
- iOS開源專案週報0406iOS
- 前端開源專案週報0407前端
- 前端開源專案週報0418前端
- 前端開源專案週報0412前端