一注祖、這個實戰(zhàn)項目是計劃跨平臺開發(fā)的靶庙,既要開發(fā)Android版本鸯乃,也要開發(fā)IOS版本派阱,所以:
1切诀、需要Mac電腦揩环,實在沒有Mac電腦,可以通過VMware來安裝Mac虛擬機幅虑,具體的方法網(wǎng)上搜一下(我個人經(jīng)驗:虛擬機的網(wǎng)絡(luò)連接方式選橋接會快很多)丰滑。
2、搭建React Native開發(fā)環(huán)境翘单,這個部分不會去詳解吨枉,因為我們這是實戰(zhàn)教程,大家可以通過React Native官方網(wǎng)站來詳細(xì)了解哄芜,網(wǎng)上也后很多這個教程貌亭。
3、要求持之以恒认臊,雖然我們這個項目不復(fù)雜圃庭,但是要想學(xué)好React Native技術(shù),首先需要了解的東西很多失晴,不可能一蹴而就剧腻,沒有耐力的朋友可以不用看了。
4涂屁、必須要自己動手书在,網(wǎng)上其實有很多RN的教程,但是問什么很多人學(xué)完以后還是不能自己動手開發(fā)一個項目呢拆又?我理解有兩點原因:一是課程上講的知識很基礎(chǔ)儒旬,沒有什么經(jīng)驗類東西,看了跟沒看一樣帖族;二是你看了之后沒有自己總結(jié)消化栈源,更沒有根據(jù)自己的想法去實戰(zhàn),如果你有什么好的想法竖般,就可以動手去實戰(zhàn)甚垦,遇到問題,一個一個解決涣雕,一兩個項目下來艰亮,你就是大牛了。
二挣郭、需要用到的技術(shù)垃杖,先有個大概的了解:
1、服務(wù)端:Parse Server丈屹、Graphql
2调俘、客戶端:React Native伶棒、Redux、Graphql彩库、Immutable.js肤无、Redux-Persist、Redux-Saga和其他一些組件骇钦。
三宛渐、使用的工具
Baker:http://baker.thebakery.io/
四、正式開始
1眯搭、git clone https://github.com/thebakeryio/baker.git AdressBook
2窥翩、cd AdressBook&&yarn install&&yarn run setup
3、npm run ios或者npm run android
這些命令都不用解釋了吧鳞仙,這樣一個基本的項目框架就出來了寇蚊,包括前后端,后面再繼續(xù)講解棍好,如果遇到":CFBundleIdentifier", Does Not Exist這個錯誤的話仗岸,進入AdressBook/app目錄,執(zhí)行react-native upgrade就可以了借笙。
下面是我是用原型設(shè)計工作事先設(shè)計出來的大概樣子扒怖。