React Native 簡稱 RN 是 FaceBook 發(fā)布的跨平臺開發(fā)框架,它的設(shè)計(jì)理念是:使用 React Native 開發(fā),既擁有Native 的良好人機(jī)交互體驗(yàn),又保留了 React 開發(fā)效率。
RN 技術(shù)已經(jīng)非常成熟,我們沒什么理由拒絕使用 RN 搭建一個完整的項(xiàng)目。如果你具備前端或者移動端開發(fā)經(jīng)驗(yàn)相信你很快就能上手。
先給自己挖個坑,這將是一個系列教程,從頭到尾完整的介紹一個電商項(xiàng)目——卓優(yōu)購,這個項(xiàng)目沒有上線,也不準(zhǔn)備上線。
項(xiàng)目效果圖



代碼使用教程
魯迅說過:沒有代碼地址的教程都是耍流氓。
本教程當(dāng)然有代碼,但是代碼并沒有完全寫完,不過不影響大家下載每一篇文章的代碼,示例代碼可在 GitHub 上獲取 https://github.com/yll2wcf/TShop。
這個倉庫的提交歷史被我精心設(shè)置為與所介紹的功能順序一致。使用這份代碼時,我建議你從最早的提交開始,順著本教程內(nèi)容的進(jìn)度,向前推移查看提交列表。另外,你還可以 從 GitHub 上下載每次提交代碼后得到的 ZIP 或 TAR 文件。
如果你決定使用 Git 操作源碼,那么首先要安裝 Git 客戶端(可以從 http://git-scm.com/ 下 載)。下述命令就使用 Git 下載示例代碼:
$ git clone https://github.com/yll2wcf/TShop.git
git clone 命令從 GitHub 上下載源碼,安裝到當(dāng)前目錄下的 TShop 文件夾中。這個文件夾中不僅有源碼,還有一個包含了程序修改完整歷史的 Git 倉庫。
比如第一篇文章會要求你簽出程序的初始發(fā)布版本,然后在適當(dāng)?shù)臅r候指示你需要向前推進(jìn)查看提交歷史。切換提交歷史的Git命令是git checkout。下面舉個例子:
$ git checkout 1a
上述命令中的 1a 代表一個標(biāo)簽(tag),是項(xiàng)目中某次提交歷史的名字。這個倉庫的標(biāo)簽根據(jù)本教程文章順序命名,因此本例中的 1a 表示第 1 篇文章使用程序的初始版本。
除了簽出程序源碼的不同版本,你可能還需要進(jìn)行一些設(shè)置。例如,你有時需要安裝額外的第三方包。需要執(zhí)行這些操作時,我會提醒你。
視頻地址
編寫教程的同時還錄制相關(guān)的視頻教程,買過我的書—— 愛上Android 的讀者都了解我,我比較喜歡錄視頻。
視頻爭取每周都更新,建議大家收藏地址和本篇文章。不要問我叫什么,請叫我雷鋒。

大家關(guān)注我的公眾號—— 于連林 公眾號ID: likedev,回復(fù)
RN即可查看視頻地址。
讀者討論群
對內(nèi)容,代碼有疑問的讀者,可以加入討論群:274328657 交流,加群務(wù)必備注:RN學(xué)習(xí)。
請大家關(guān)注我的簡書文集——React Native 電商項(xiàng)目實(shí)戰(zhàn) 教程都會在這里更新。