React Native電商項(xiàng)目實(shí)戰(zhàn)——開篇

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)目效果圖

[圖片上傳中...(購物車-確認(rèn)訂單.png-7ba0fe-1528176364235-0)]
分類-品類.png
我的.png

代碼使用教程

魯迅說過:沒有代碼地址的教程都是耍流氓。

本教程當(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) 教程都會在這里更新。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,733評論 25 709
  • 日本印象——帶著孩子去旅行(上) 計(jì)劃許久的日本之旅終于在飛機(jī)抵達(dá)日本成田機(jī)場的那一刻變成現(xiàn)實(shí),第一次帶著2歲4個...
    南嶺雪閱讀 850評論 5 6
  • 孤獨(dú) 不信是我的命,所以我注定是孤獨(dú)的,在我已習(xí)慣孤獨(dú)時,你卻來到我的世界,我才知道原來自己是...
    一百年等待閱讀 315評論 2 1

友情鏈接更多精彩內(nèi)容