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类组件可以在构造函数中初始化组件的状 ...
随机推荐
- X光机的原理及构造
一.X射线的发现 1895年德国物理学家伦琴(W.C.RÖntgen)在研究阴极射线管中气体放电现象时,用年伦琴荣获物理学第一个诺贝尔奖金.科学总是在不断发展的,经伦琴及各国科学家的反复实践和研究,逐 ...
- 致终将火爆的NFC——ISO14443 TypeA
毫无疑问,当NFC终端越来越普及,逐渐成为智能手机标配功能后,我们终将迎来NFC的火爆.国内NFC应用最为广泛的将是TypeA,如Mifare.NFC Tag.移动支付等,所以接下来将主要研究Type ...
- 在WPF中自定义你的绘制(三)
原文:在WPF中自定义你的绘制(三) 在WPF中自定义你的绘制(三) ...
- 使用高性能xml序列化框架jibx作为spring mvc的xml view
package org.springframework.web.servlet.view.xml; import java.io.ByteArrayOutputStream; import java. ...
- cp | mv | rm
linux下文件的复制.移动与删除命令为:cp,mv,rm 一.文件复制命令cp 命令格式: cp [-adfilprsu] 源文件(source) 目标文件(destination) cp [opt ...
- JavaScript声音播放
方式一: /** * 播放音频(Chrome.opera)支持 * @param file:支持 rm,mid,wav */ function playAudio(file) { var embed= ...
- C++数据结构之最小生成树
最小生成树是图的一部分,一般求最小生成树用Prim算法和Kruskal算法. 对于Prim算法,思想是:在访问过的顶点和未访问的顶点之间选择权值最小的边.Prim算法是基于顶点的操作,适合于顶点较少, ...
- RPATH与RUNPATH
RPATH与RUNPATH 时间 2011-11-01 21:46:44 Qt Labs China 原文 http://labs.qt.nokia.com.cn/2011/11/01/rpath- ...
- DisplayMetircs 类
Android 可设置为随着窗口大小调整缩放比例,但即便如此,手机程序设计人员还是必须知道手机屏幕的边界,以避免缩放造成的布局变形问题. 手机的分辨率信息是手机的一项重要信息,很好的是,Android ...
- MD5和SHA512Managed ——哈希算法
本文来自:http://www.cnblogs.com/chuncn/archive/2008/02/26/1082418.html C#的哈希 哈希算法是啥?哈希英文hash,是一种数学算法,它能把 ...