react-native学习笔记——简单尝试
毫无疑问,我是个不善于写博文的人。
毫无疑问,react是个出的框架。
毫无疑问,react-native更是个牛逼的引擎。
我个人对react-native的理解就是js被js引擎编译,去调用本地语言提供的接口,然后达到原生语言能达到的视觉效果和运行效果,就是这么简单。
然而,在实际接触中,哪有那么简单。
首先吐槽的就是react-native init方法居然要FQ,还好公司的是海外带宽,创建之后可以带回家继续开发。
还有就是我这个中国人能看得懂的中文文档太少了,国内基本没几篇原创的文章,大多都是些译文,国内对react[-native]的讨论社区基本没有,有的也是写无人问津的小社区(百度贴吧)。
还有就是开发模式了,也叫不出来react-native使用的模式叫什么,和angular.js还是不一样的,但是对于angular.js来说,我还是喜欢react的模式,更加灵活点。
还有就是目前短时间内,国内基本不会有公司会使用react-native来开发APP,小公司怕成本,大公司有钱有能力独立开发多平台APP,所以对于就业前景来说,国内很不乐观。当然,如果是自己闹着玩玩的,那真的是个不错的机会和选择,因为它会带你到达另一个地方,让你看看,新技术的领域。(我也是闹着玩玩的)
我开始接触的知识react框架,新奇玩玩,发现这个框架特别灵活,还支持ES6,那真是大快人心。后来才知道有react-native这个高级货,看了官网的Showcase,果然是高级货,能做出原生APP,且能跨平台,且几乎能达到原生APP的效果,当场就给跪了。
这个周末为止,已经学了俩礼拜了,上手是真心快啊,拼界面特别快,而且无缝适配iOS和Android,效果几乎一样,这多亏了它采用了新潮的FlexBox布局引擎,不知道的百度,已经纳入了CSS3规范了,且被各大主流浏览器实现了。
这个就是我拼的一个仿好多肉的APP,特别方便,偶尔npm install几个第三方组件,但是一些小组件还是自己写的。
一边写后端服务(PHP)一边写前端界面,稍微有点累人,但是看着他一点点成型,那心里是那个爽啊。
本来打算后端服务用nodejs来写,后来想想还是算了,租个服务器要是不支持就完了,还是PHP稳点。然后我就选择PHP来做了服务器语言,并用了ThinkPHP,开发效率果然可以。
还有就是对于开源的框架或引擎,如果你发现你要实现的需求,里面没有现成,那你一定不要自己去尝试写,要先去网上查查,你肯定是不知道有多少优秀的开发者早已碰到过并实现了这个需求,然后就可以借鉴前辈的代码开发了,我绕过不少弯路啊。
写着写着发现没啥讲了,那下次有总结的东西了再说。
react-native学习笔记——简单尝试的更多相关文章
- React Native 学习笔记--进阶(二)--动画
React Native 进阶(二)–动画 动画 流畅.有意义的动画对于移动应用用户体验来说是非常必要的.我们可以联合使用两个互补的系统:用于全局的布局动画LayoutAnimation,和用于创建更 ...
- React Native学习笔记之1
1:运行React Native报连接错误解决 解决方式: 在终端进入项目文件里,然后执行:(cd Pods/React; npm run start) 2:组件生命周期介绍 创建阶段 1. getD ...
- react native 学习笔记
假设你的机器现在还没安装任何环境. 不同的操作系统.不同的目标平台,具体的步骤也会有所不同.如果你想同时开发android和ios也没问题,只需要先选一个平台开始,另一个平台的环境搭建只是稍有不同 本 ...
- React Native学习笔记之2
1:如何创建一个react native工程 首先进入到指定文件夹里面,然后在终端执行react-native init ReactNativeProject :其中ReactNativeProjec ...
- React Native学习笔记
React 是使用ES6 ,支持JSX语法, 开发组件化web或native的工具. 现阶段使用Babel工具转换成ES5 代码. 组件通过props属性传递不变化的内容,UI通过state属性变动来 ...
- React Native学习笔记-1:JSC profiler is not supported.
新建React-Native工程,直接编译运行报错,控制台错误信息如下: 2016-02-22 16:49:47.317 [info][tid:com.facebook.React.JavaScrip ...
- React Native学习笔记-1:JSC profiler is not supported.(转载)
运行react-native中Example下的UIEXPLORER Project 遇到虾面报错: 2016-03-21 14:12:18.941 [trace][tid:com.facebook. ...
- React Native 开发笔记
ReactNativeDemo 学习ReactNative开发,搭建ReactNative第一个项目 React Native 开发笔记 1.安装Homebrew $ /usr/bin/ruby -e ...
- The Road to learn React书籍学习笔记(第二章)
The Road to learn React书籍学习笔记(第二章) 组件的内部状态 组件的内部状态也称为局部状态,允许保存.修改和删除在组件内部的属性,使用ES6类组件可以在构造函数中初始化组件的状 ...
随机推荐
- MVC4 Controller器同名问题
一.创建项目 二.修改配置文件(路由器) 详情如下: 总结:解决Controller器同名问题,只需要修改2外,App_Start里的RouteConfig.cs文件和Area下的***AreaReg ...
- SQL Server 存储过程自启动
前期准备: use master; create table LoginLog(LoginName nvarchar(32),LoginTime datetime); create procedure ...
- eclipse 常用的一些设置
1.行长度设置 http://blog.csdn.net/janronehoo/article/details/10047937 2.字体 windows -> preference -> ...
- 山寨QQ音乐的布局(一)
学了两天IOS趁着还没忘光,巩固一下所学知识想做点东西,由于自己的设计能力有限,所以就山寨一下吧,说到山寨怎么能忘了腾讯呢,今天发现QQ音乐的设计风格是扁平化的,小清新风格,所以就山寨一下它吧.. 由 ...
- Activity Window View的关系
http://blog.csdn.net/chiuan/article/details/7062215 http://blog.163.com/fenglang_2006/blog/static/13 ...
- COB對PCB設計的要求
由於COB沒有IC封裝的leadframe(導線架),而是用PCB來取代,所以PCB的焊墊設計就便得非常的重要,而且Fihish只能使用電鍍金或是ENIG(化鎳浸金),否則金線或是鋁線,甚至是最新的銅 ...
- java中内存结构及堆栈详解
一. java内存结构 1. Heap(堆):实例分配的地方,通过-Xms与-Xmx来设置 2. MethodArea(方法区域):类的信息及静态变量. 对应是Permanet Generation, ...
- 【二叉树->链表】二叉树结构转双向线性链表结构(先序遍历)
二叉树存储结构属于非线性链表结构,转化成线性链表结构,能简化操作和理解.然而由非线性转线性需要对整个树遍历一次,不同的遍历方式转化结果页不一样.下面以先序为例. 方法一: 递归法.递归遍历二叉树,因为 ...
- Baidu Sitemap Generator插件使用图解教程
这两天因为百度对本博客文章收录更新很慢,一直在网络查找真正的原因和解决方法.最终发现了柳城开发的Baidu Sitemap Generator WordPress插件,最终效果如果还需要验证一段时间. ...
- c#中 HttpContext作用(一)【转】
HttpContext 主要作用是要获得你客户端向服务端请求提交的相关信息 HttpContext 类:封装有关个别 HTTP 请求的所有 HTTP 特定的信息.也有人叫上下文信息. 1.生存周期 ...