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类组件可以在构造函数中初始化组件的状 ...
随机推荐
- Mfgtool
For bootstrap mode, it refers to the communcation between the host and ROM codes through serial down ...
- 九章算法系列(#4 Dynamic Programming)-课堂笔记
前言 时隔这么久才发了这篇早在三周前就应该发出来的课堂笔记,由于懒癌犯了,加上各种原因,实在是应该反思.好多课堂上老师说的重要的东西可能细节上有一些急记不住了,但是幸好做了一些笔记,还能够让自己回想起 ...
- HTTP based RESTful APIs - asp.net web api
1.HTTP http://www.w3.org/Protocols/rfc2616/rfc2616.html 2.REST是什么http://www.ics.uci.edu/~fielding/pu ...
- 各种浏览器兼容篡位的css样式写法
谷歌浏览器的识别 @media screen and (-webkit-min-device-pixel-ratio:0) { height:10px; } IE6特制识别的 *HTML .Searc ...
- 一个简单的flask程序
初始化 所有Flask程序都必须创建一个程序实例. 程序实例是Flask类的对象,经常使用下述代码创建: from flask import Flask app = Flask(__name__) F ...
- kindeditor 下图片链接取消边框
在项目中使用了 kindeditor,版本是4.1.10,在发布信息的时候,将图片设置成了超链接,在 IE8 或者其他个别浏览器下会自动的为图片加一个蓝色的边框,效果如下图: 这个蓝框可以通过修改信息 ...
- Search gold(dp)
Search gold Time Limit: 3000/1000MS (Java/Others) Memory Limit: 65535/65535KB (Java/Others) Subm ...
- TreeView(C#)无限目录树代码片段
#region 绑定客户树 protected void bindTreeView() { TreeView1.Nodes.Clear(); string userid = Session[" ...
- inline函数
C语言中的inline函数并不是单纯的用函数块内容来替换,也可能存在局部变量啥的.另外,使用inline定义的函数只是建议编译器作为内联函数处理,但并不一定真会这样处理.inline一般直接在头文件中 ...
- Ubuntu 13.10 下安装 eclipse
Ubuntu软件社区用的3.8,个人想用最新版本,所有手动下载安装. 1.下载安装Jdk sudo apt-get install openjdk-7-jdk 2.查看系统JVM sudo updat ...