React Native專題

標籤：

轉載註明出處:
地址:http://www.lcode.org
本文出自:【江清清的技術專欄】
本React Native講解專題:主要講解了React Native開發，由基礎環境搭建配置入門，基礎，進階相關講解。

剛建立的React Native技術交流1群(282693535),React Native技術交流2群(496601483),React Native技術交流3群(496508742)。歡迎各位大牛,React Native技術愛好者加入交流!同時部落格右側歡迎掃描關注訂閱號,移動技術乾貨,精彩文章技術推送!

關於React Native各種疑難雜症,問題深坑總結方案請點擊查看:

Mac和Windows安裝搭建React Native環境教程如下:

•  Mac OS X版本:Mac OS X安裝React Native環境點擊進入....
•  Windows版本:Windows系統安裝React Native環境點擊進入...

(一).基本介紹:
React Native For Android是偉大的互連網公司Facebook與2015年9月15日發布的，該可以讓我們廣大開發人員使用JavaScript和React開發我們的應用，該提倡組件化開發，也就是說React Native給我們提供一個個封裝好的組件讓開發人員來進行使用，甚至我們可以相關嵌套形成新的組件。使用React Native我們可以維護多種平台(Web,Android和IOS)的同一份商務邏輯核心代碼來建立原生應用。現階段Web APP的的體驗還是無法達到Native APP的體驗，所以這邊fackbook更加強調的是learn once,write everywhere，應用前端我們使用js和React來開發不同平台的UI，下層核心模組編寫複用的商務邏輯代碼，提供應用開發效率。
[特別注意]目前react native在ios上僅支援ios7以上,Android僅支援Android4.1以上。
React Native項目github地址:https://github.com/facebook/react-native
React Native項目官網文檔:http://facebook.github.io/react-native/docs/getting-started.html

(二).基礎入門:
1.React Native For Android環境配置以及第一個執行個體
2.React Native開發IDE安裝及配置 
3.React Native應用裝置運行(Running)以及調試(Debugging)
4.React Native移植原生Android項目
5.React Native進行簽名打包成Apk
6.React Native庫版本升級(Upgrading)與降級講解

7.React Native VSCode IDE超強開發外掛程式介紹(智能,代碼提醒,運行調試…)

(三).組件學習:
1.React Native控制項之View視圖講解
2.1.React Native配置運行官方例子-初學者的福音(Mac OS X版本)
2.2.React Native配置超詳細編譯運行React Native官方執行個體UIExplorer項目(Windows版本)
3.React Native控制項之Text組件講解
4.React Native控制項之Image組件講解與美團首頁頂部效果執行個體
5.React Native控制項之TextInput組件講解與QQ登入介面實現
6.React Native控制項之ProgressBarAndroid進度條講解
7.React Native控制項之DrawerLayoutAndroid抽屜導航切換組件講解
8.React Native控制項之ScrollView組件講解
9.WebStorm開發工具設定React Native代碼智能提醒
10.React Native控制項之ToolbarAndroid工具列控制項講解以及使用
11.React Native控制項之Switch開關與Picker選取器組件講解以及使用
12.React Native控制項之ViewPagerAndroid講解以及美團首頁頂部效果執行個體
13.React Native控制項之Touchable*系列組件詳解
14.React Native控制項之ListView組件講解以及詳細執行個體
15.React Native控制項之PullToRefreshViewAndroid下拉重新整理組件講解
16.React Native控制項之RefreshControl組件詳解
17.React Native控制項之WebView組件詳解以及執行個體使用
18.React Native控制項之Navigator組件詳解以及執行個體
19.React Native 控制項之Cilpboard粘貼板使用詳解

20.React Native控制項之DatePickerAndroid時間日期選取器組件講解

21.React Native控制項之StatusBar狀態列詳解

22.React Native控制項之PickerIOS選取器詳解-適配iOS開發

22.React Native 控制項之SegmentedControlIOS分段組件詳解-適配iOS開發

23.React Native控制項之SliderIOS滑塊組件詳解-適配iOS開發

24.React Native控制項之TabBarIOS和TabBarIOS.Item組件詳解及執行個體

25.React Native控制項之ProgressViewIOS進度載入組件詳解及執行個體

26.React Native控制項之ActivityIndicatorIOS進度列指示器組件詳解及執行個體

27.React Native控制項之TimePickerAndroid時間選取器組件詳解及執行個體

(三).API模組學習:

1.React Native API模組之ToastAndroid詳解及使用
2.React Native API模組之Alert彈出框詳解及使用
3.React Native API模組之AppState詳解

4.React Native API模組之NetInfo(網路資訊)使用詳解

5.React Native API模組之AsyncStorage(持久化儲存)使用詳解

6.React Native API模組Dimensions螢幕寬高詳解

7.React Native API模組BackAndroid攔截返回鍵事件處理詳解

8.React Native API模組StyleSheet樣式表詳解

9.React Native API模組PixelRatio裝置像素密度詳解

10.React Native API模組之AlertIOS彈框詳解-適配iOS開發

11.React Native API模組之AppStateIOS運行狀態詳解-適配iOS開發

12.React Native API模組之ActionSheetIOS可點擊彈框詳解-適配iOS開發

(四).React Native進階:
1.React Native超棒的LayoutAnimation(布局動畫)
2.React Native控制項之組件封裝執行個體(Button按鈕)

(五).React Native開源項目:

1.Pober Wong_17童鞋為gank.io做的純React Native項目,開源地址:https://github.com/Bob1993/React-Native-Gank
2.聶風童鞋做的《都看影視》React Native項目,開源地址:https://github.com/changfuguo/doukanmv
3.大大做的《新聞閱讀Reading》React Native項目,項目地址:http://www.lcode.org/reading-app-react-native/
4.公子小白做的《親戚稱謂計算機》React Native項目,項目地址:http://www.lcode.org/counterrelative-react-native/
5.﹌海雲天♂做的純React Native iOS開源項目，開源地址:http://www.lcode.org/react-native-lagou/   或者文章地址:http://www.lcode.org/react-native-lagou-source/
6.成都 - just4fun做的純React Native iOS開源項目,項目地址:http://www.lcode.org/uestc-bbs-react-native/
7.lookingstars做的純React Native 仿美團iOS開源項目，項目地址:http://www.lcode.org/react-native-meituan-source/
8.race604做的純React Native 知乎日報開源項目(Android/iOS)，開源地址:https://github.com/race604/ZhiHuDaily-React-Native
9.@vczero做的純React Native豆瓣搜尋用戶端，開源地址:http://www.lcode.org/react-native-dou-source/
10.@tabalt做的純React Native新聞用戶端，開源地址:http://www.lcode.org/react-native-news-source/

11.@starzhy做的純React Native碼農iOS用戶端，項目地址:http://www.lcode.org/react-native-source-manong/

12.@iSimar做的純React Native Hacker新聞用戶端(Android、iOS)，項目地址:http://www.lcode.org/react-native-source-hacker/

13.@xiekw2010做的純React Native Github用戶端,相容Android、iOS平台，開源地址:http://www.lcode.org/react-native-source-gitfeed/

14.@kailuo99做的純React Native 資訊頭條用戶端,主要適配iOS平台，項目地址:http://www.lcode.org/react-native-source-zixunapp/

15.@SFantasy做的純React Native 資訊頭條用戶端,主要適配iOS平台，項目地址:http://www.lcode.org/react-native-source-weibo/

React Native專題