一、这个实战项目是计划跨平台开发的,既要开发Android版本,也要开发IOS版本,所以:
1、需要Mac电脑,实在没有Mac电脑,可以通过VMware来安装Mac虚拟机,具体的方法网上搜一下(我个人经验:虚拟机的网络连接方式选桥接会快很多)。
2、搭建React Native开发环境,这个部分不会去详解,因为我们这是实战教程,大家可以通过React Native官方网站来详细了解,网上也后很多这个教程。
3、要求持之以恒,虽然我们这个项目不复杂,但是要想学好React Native技术,首先需要了解的东西很多,不可能一蹴而就,没有耐力的朋友可以不用看了。
4、必须要自己动手,网上其实有很多RN的教程,但是问什么很多人学完以后还是不能自己动手开发一个项目呢?我理解有两点原因:一是课程上讲的知识很基础,没有什么经验类东西,看了跟没看一样;二是你看了之后没有自己总结消化,更没有根据自己的想法去实战,如果你有什么好的想法,就可以动手去实战,遇到问题,一个一个解决,一两个项目下来,你就是大牛了。
二、需要用到的技术,先有个大概的了解:
1、服务端: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
这些命令都不用解释了吧,这样一个基本的项目框架就出来了,包括前后端,后面再继续讲解,如果遇到":CFBundleIdentifier", Does Not Exist这个错误的话,进入AdressBook/app目录,执行react-native upgrade就可以了。
下面是我是用原型设计工作事先设计出来的大概样子。