关闭

React Native实战项目企业通信录(含视频教程)-环境搭建

标签: react开发
655人阅读 评论(0) 收藏 举报
分类:

React Native实战项目[企业通信录]-环境搭建

说在前面的话

我学习RN也有一段时间了,今天是2017年1月2日,希望喜欢RN的小伙伴们在2017年继续努力,不要放弃,RN技术是有些坑,多实战、多咨询,慢慢就有了经验,有了经验这个东西,写起项目来就得心应手了。

这段时间我正在计划开发一个项目,希望给正在学习RN技术的小伙伴们一些思路,也希望能得到RN技术大牛们的关注指导。事情是这样的,我现在在的公司,员工比较多,你不可能把每个员工的联系方式都记录下来,有些公司实现的方式可能是用类似于腾讯通RTX这样的内部交流软件来记录,这样就会遇到一个问题,当你出差的时候,想要查一个员工的联系方式就很困难,如果有一个APP来管理员工的通信方式,可以让员工随时随地就可以登陆查询每个员工的联系方式,这样就方便多了。之前我在平安银行的时候,平安集团开发了一个类似的APP,确实是很方便,可以查到集团内部任何一个部门员工的联系方式。

环境搭建

因为这个项目是需要跨平台开发的,所以大家最好有一台Mac电脑,目前在Windows或Linux下不能开发IOS应用,如果没有Mac电脑,可以用VMWare来安装Mac虚拟机,这样也是可以的,要求你的电脑配置要高。总之,你需要有Mac开发环境。

RN开发环境搭建

这个部分官方文档说的很清楚了,相信大家也不止看过一遍,我就不详细说明了。

使用的工具

一个RN项目涉及到的知识点还是很多了,除了React Native技术,像Redux、服务端Parse Server,Graphql还有Jest测试,如果是用官方新建项目的方式,你可能需要这样做:

react-native init AddressBook
cd AddressBook
npm i -S 相应的包

然后再在代码中把这些技术整合起来,相信很多小伙伴就是不知道如何很好的整合这些技术,导致不能开始做一个真正的项目。

这里推荐一个我一直在使用的工具集 Baker,下面是官方说明:

Baker is an opinionated MVP toolkit that helps you build mobile apps crazy fast. It is based on React Native and Parse Server and bundles a whole lot of goodies inside a delicious package that will help you type less and do more.

对于这段文字,我不做过多的解释,相信大家看完这段文字,还留在你脑海的里可能不是Baker这个词,而是“MVP”,这里要说明一下,这个MVP是Minimum Viable Product(最小化可行产品)的简称,而不是和大家熟悉的“MVC”相同的另一种框架。

使用Baker这个工具,可以简化我们很多工作,但是这个工具最大的一个好处就是她会告诉你她为你做了什么,怎么做的,下面就是用这个工具把项目搭建起来:

初始化项目

git clone https://github.com/thebakeryio/baker.git MyApp
cd MyApp 
yarn install 
yarn run setup 
npm run ios

Clone项目

安装依赖包

setup

关注微信公众号查看对应的视频教程。

对应的视频教程已经录制好了,请大家关注我的微信公众号回复【11】查看。

微信公众号

1
0
查看评论

React Native实战项目企业通信录(含视频教程)- 主界面开发

React Native实战项目企业通信录含视频教程- 主界面开发 创建主界面 使用到的开源组件 创建主界面 创建三个内嵌组件 组合主界面 登录跳转 React Native实战项目企业通信录(含视频教程)- 主界面开发 创建主界面 各位小伙伴,大家好,我是Peter,前...
  • peter900910
  • peter900910
  • 2017-01-05 20:24
  • 680

React Native实战项目企业通信录(含视频教程)- 登录功能实现

React Native实战项目企业通信录- 登录功能实现 前言 设计到的知识点 Parse Server 启动服务器 启动服务器 修改服务名称和图标 添加用户 登录功能实现React Native实战项目企业通信录- 登录功能实现前言
  • peter900910
  • peter900910
  • 2017-01-03 10:06
  • 655

React Native实战项目企业通信录(含视频教程)- 登录界面开发

React Native实战项目企业通信录- 登录界面开发 前言 修改应用图标 修改应用名称 修改Android应用名称 修改IOS应用名称 使用Navigator 在根组件中引入Navgitor以及第一个要展示的组件 想好导航跳转时路由的信息 在根组件中使用Navigaor 组件内跳转 开发登录组...
  • peter900910
  • peter900910
  • 2017-01-02 11:52
  • 431

React Native视频教程电商项目实战教学

下载地址:http://www.feixueteam.net/thread-1034-1-1.html
  • u013948181
  • u013948181
  • 2016-12-16 16:07
  • 1326

手把手教React Native实战开发视频教程 干货

手把手教React Native实战开发视频教程【更新到70集啦。。。】 授课简介与环境: 目标:打造全网最全面最详细最易懂的React Native开发视频教程 操作系统:Win7 64位 中文旗舰版 React Native开发:Android & IOS原生应用
  • ztop_f
  • ztop_f
  • 2016-06-20 11:35
  • 15390

东方耀 手把手教React Native实战开发视频教程共237集

链接:https://pan.baidu.com/s/1pLHrkkb 密码: qq群:377215114 适用人群: 已经有一定Javascript基础,正在准备向进阶方向努力的前端工程师 有基础的Native工程师(iOS/Android) 有兴趣提升架构能力的工程师 教学目...
  • jianyue178826
  • jianyue178826
  • 2017-12-01 11:26
  • 360

详细讲解如何在windows下搭建react-native的开发环境(包括在设备上安装和运行react-native app )!

(前言) 作为一名大四狗和前端菜鸟,刚来公司实习的第一天老大就安排了我准备用react-native进行移动端的开发其实我对react-native这新玩意懂得不多,只知道它很强大,可以实现跨平台运行啦~所以得抓紧时间布置开发环境来学习学习了,下面是详细的搭建方法和各种填坑的分享.非常欢迎各路大神能...
  • raoJinwei
  • raoJinwei
  • 2017-04-19 10:40
  • 4653

React Native 学习资料,教程,项目实践,视频

React Native Awesome(汇聚知识,分享精华)React Native Awesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。
  • fengyuzhengfan
  • fengyuzhengfan
  • 2016-09-03 11:54
  • 2204

Windows环境下搭建React Native

随着移动开发越来越火热,前端开发也是有之前11年一直火热到现在,不过我发现从去年年底开发,Android和ios基本已经饱和了,特别是随着广大开源社区的中很多人贡献代码,开发已经不是什么问题了,所以现在好多公司招聘 都要求3年以上工作经验的,无外乎好多培训班出来的会写一些功能,会写一些界面实现,就出...
  • xiangzhihong8
  • xiangzhihong8
  • 2016-07-14 21:52
  • 5943

蓝鸥React Native零基础入门到项目实战 Hello React

蓝鸥React Native零基础入门到项目实战 Hello React
  • lanouyihuiyun
  • lanouyihuiyun
  • 2016-12-27 10:27
  • 505
    个人资料
    • 访问:2440次
    • 积分:63
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档