第一课 环境搭建

一、这个实战项目是计划跨平台开发的,既要开发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就可以了。

下面是我是用原型设计工作事先设计出来的大概样子。


登录页面


设置页面
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容