ReactNative电商项目教程——开篇

这篇虽然是 React Native 的开篇教程，但绝对是一篇满满的干货，有代码，有视频，有情怀，有内容。

如果你具备开发经验，千万不要错过，相信你很快就能上手。

RN 教程开篇

概述

1、教程的由来

React Native 简称 RN 是 FaceBook 发布的跨平台开发框架。

RN 技术已经相对成熟，我们没什么理由拒绝使用 RN 搭建一个完整的项目，我们公司使用 RN 技术已经将近2年了，RN 经受住了大大小小若干项目的考验，开发效率直线上升。

我们部门的同事有一部分还使用原生代码开发，为了尽快让部门同事掌握最新的 RN 技能，我和公司的几位同事成立了兴趣小组，着手准备 RN 培训教程。

2、电商项目教程诞生

我们几个人一拍即合，利于工作之余时间，准备做一个完整的电商项目。

项目效果图

一个完整的项目离不开好的设计，效果图是UED同事下班后在家精心设计的。先来看看效果图

教程代码的使用

    没有代码的教程都是耍流氓
                                                    ——鲁迅

代码地址

本教程当然有代码，但是代码并没有完全整理完，不过不影响大家下载每一篇文章的代码，示例代码可在 GitHub 上获取。

 https://github.com/yll2wcf/TShop

使用 Git 操作源码

如果你决定使用 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 篇文章使用程序的初始版本。

除了签出程序源码的不同版本，你可能还需要进行一些设置。例如，你有时需要安装额外的第三方包。需要执行这些操作时，我会提醒你。

视频地址

给部门同事培训的时候，同时录制了视频，有兴趣的同事可以先按照视频学习。先来看看视频目录：

这个教程无偿贡献给大家，不要问我的名字，请叫我雷锋。

关注本公众号，发送 RN ，即可获取视频地址，当然视频每周还会定期更新，大家保持关注。

后记

本教程仅仅是开篇，后面会定期更新文章，从头到尾介绍这个电商项目。

欢迎大家加入 QQ群 274328657 讨论，加群备注：RN 学习

最后感谢我的公司——天津卓朗科技发展有限公司

天津卓朗科技拥有一大批热爱技术，专注技术的同事，欢迎志同道合的同事加入。下面是天津卓朗科技的技术公众号，大家可以关注。 

专注技术，卓越做事，爽朗做人