1. 程式人生 > >React Native電商專案實戰——開篇

React Native電商專案實戰——開篇

React Native 簡稱 RN 是 FaceBook 釋出的跨平臺開發框架,它的設計理念是:使用 React Native 開發,既擁有Native 的良好人機互動體驗,又保留了 React 開發效率。

RN 技術已經非常成熟,我們沒什麼理由拒絕使用 RN 搭建一個完整的專案。如果你具備前端或者移動端開發經驗相信你很快就能上手。

先給自己挖個坑,這將是一個系列教程,從頭到尾完整的介紹一個電商專案——卓優購,這個專案沒有上線,也不準備上線。

專案效果圖

分類

首頁

購物車

程式碼使用教程

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

本教程當然有程式碼,但是程式碼並沒有完全寫完,不過不影響大家下載每一篇文章的程式碼,示例程式碼可在 GitHub 上獲取

https://github.com/yll2wcf/TShop

這個倉庫的提交歷史被我精心設定為與所介紹的功能順序一致。使用這份程式碼時,我建議你從最早的提交開始,順著本教程內容的進度,向前推移檢視提交列表。另外,你還可以 從 GitHub 上下載每次提交程式碼後得到的 ZIP 或 TAR 檔案。

如果你決定使用 Git 操作原始碼,那麼首先要安裝 Git 客戶端(可以從 http://git-scm.com/ 下 載)。下述命令就使用 Git 下載示例程式碼:

$ git clone https://github.com/yll2wcf/TShop.git

git clone 命令從 GitHub 上下載原始碼,安裝到當前目錄下的 TShop 資料夾中。這個資料夾中不僅有原始碼,還有一個包含了程式修改完整歷史的 Git 倉庫。

比如第一篇文章會要求你簽出程式的初始釋出版本,然後在適當的時候指示你需要向前推進檢視提交歷史。切換提交歷史的Git命令是git checkout。下面舉個例子:

$ git checkout 1a

上述命令中的 1a 代表一個標籤(tag),是專案中某次提交歷史的名字。這個倉庫的標籤根據本教程文章順序命名,因此本例中的 1a 表示第 1 篇文章使用程式的初始版本。

除了簽出程式原始碼的不同版本,你可能還需要進行一些設定。例如,你有時需要安裝額外的第三方包。需要執行這些操作時,我會提醒你。

視訊地址

編寫教程的同時還錄製相關的視訊教程,買過我的書—— 愛上Android 的讀者都瞭解我,我比較喜歡錄視訊。

視訊目錄
image.png

視訊爭取每週都更新,歡迎大家關注,轉發,收藏。不要問我叫什麼,請叫我雷鋒。

大家關注我的公眾號—— 於連林 公眾號ID: likedev,回覆RN 即可檢視視訊地址。

這裡寫圖片描述

讀者討論群

對內容,程式碼有疑問的讀者,可以加入討論群:274328657 交流,加群務必備註:RN學習