react-native 初體驗 - 使用 javascript 來寫 iOS app

余學文發布于2019-08-19 18:22 / 635人閱讀

摘要：去年年初寫了一個擴展十閱后，一直想寫個十閱出來，奈何懶癌后期，一直拖到最近才完成原型。這次心血來潮閑的蛋疼，想起去年年初就有所耳聞的，于是就打算用它來耍耍。使用鏈接庫在設備上運行用來斷點調試地址學習資源圖圖圖

去年年初寫了一個 chrome 擴展「十閱」后，一直想寫個十閱 app 出來，奈何懶癌后期，一直拖到最近才完成原型。

其實很早之前就已經寫過一個 hybrid app 了，使用了 Ionic 框架，這是一款使用前端 web 技術來構建 app 的框架。使用了流行的 Angular，使用 Cordova 來使用 native 的功能，最贊的是它有一套優美的設計模板，類似于 bootstrap，通過它你可以輕松實現優雅漂亮的設計。

如果你熟悉 Angular 和 Cordova，基本上非常容易上手。我花了 3 天完成了 app（1天解決 HTML DOM 解析問題，1天解決調用系統瀏覽器打開鏈接問題）。

這次心血來潮（閑的蛋疼），想起去年年初就有所耳聞的 react-native，于是就打算用它來耍耍。

準備開發環境

OS X，開發 iOS 必須使用 OS X 系統

裝好最新版本的 Node.js

安裝 watchman （推薦使用 Homebrew 來安裝watchman）

安裝 Xcode 最新版

快速開始

$ npm install -g react-native-cli
$ react-native init AwesomeProject

運行iOS應用

$ cd AwesomeProject

$ react-native run-ios 或者用XCode打開ios/AwesomeProject.xcodeproj并點擊Run按鈕。

使用你喜歡的文本編輯器打開 index.ios.js 并隨便改上幾行。

在iOS Emulator中按下?-R就可以刷新APP并看到你的最新修改！

基本上到這一步，你都可以看到你的第一個 react-native 應用運行起來了。

前方高能

開發流程我就不贅述了，有詳細的文檔可以看，但是有幾個開發過程中的困擾我還是要說一下。

Navigator，這個東西對新手來說稍微有點復雜，文檔也看不大明白，我是看了新手理解Navigator的教程

jsdom-jscore，這個是用來解析 DOM 的，但是作者好像不維護了，就爛尾了，還好有個哥們 fork 了一份并做了一些修復，在他的基礎上，我終于裝好了這個插件。

使用鏈接庫

在設備上運行

用 Chrome 來斷點調試地址 http://localhost:8081/debugger-ui

學習資源

51 ReactNative Examples

https://facebook.github.io/react-native/

https://github.com/soliury/noder-react-native

圖圖圖

GPU云服務器云服務器初體驗來寫使用cdn加速的直觀體驗 react-native

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79523.html

翻譯 | 從 ReactJS 到 React-Native—兩者的主要差異是什么？

摘要：跟非常相似，但是在開始嘗試你第一個之前，也需要了解兩者之間的一些差異。推薦的方式是使用提供的。能用到組件中的或者上以啟用這個組件的觸摸事件。華翔，Web前端開發工程師著作權歸作者所有，轉載請聯系作者獲得授權。 showImg(https://segmentfault.com/img/bVUliz?w=640&h=235); React-Native已經誕生有兩年左右了，自從適配了An...

darkerXi 2019-08-21 12:05 評論0 收藏0
node.js初體驗之利用node.js的fs-文件系統，來寫一個批量修改文件名的小工具

摘要：導語公司最近業務不忙，利用閑暇時間準備學習一下，看見網上前端大牛張旭鑫的文章一般般的網頁重構可以使用做些什么，跟著寫了一下批量修改文件名的小工具，主要利用的中相關方法來實現記錄一下，以備后用。導語：公司最近業務不忙，利用閑暇時間準備學習一下Node.js，看見網上前端大牛張旭鑫的文章JS一般般的網頁重構可以使用Node.js做些什么？，跟著寫了一下批量修改文件名的javascript...

Steve_Wang_ 2019-08-23 15:30 評論0 收藏0
從 1 到完美，用 js 和 react-native 寫一個 APP

摘要：從到完美，用和寫一個在年開源了后，緊接著在年就又開源了，就此打開了用和前端技術寫原生之路。對應來看，程序只有兩個部分，和，而部分則分為組件和。所以，在端的純庫無在中同樣適用，如等。應用實例便是使用開發的一個日記。從 1 到完美，用 js 和 react-native 寫一個 APP facebook 在 2013 年開源了 react 后，緊接著在 2015 年就又開源了 react...

CollinPeng 2019-08-23 11:45 評論0 收藏0