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类组件可以在构造函数中初始化组件的状 ...
随机推荐
- 复习完毕STM32开发板
经过半个晚上的折腾,终于复习了STM32开发板,并使用ST官方库调试完毕一个printf重定向到串口的程序,3.5的库同以前的库不大一样,不过最终搞好了可以睡觉了,还可以睡7个小时. ...
- Delphi与Javascript的交互
网络上也有人写了关于Delphi与Javascript的文章,其大多数使用ScriptControl等,均无法达到与Delphi自身融合的效果.我也是在翻阅自己的组件库的时候发现了这个以前收集来的代码 ...
- 2014第7周1Web安全概念学习
晚上没有加班,回来后尝试几个感觉不错的行动:1.列出当天最有意义的五件事:2.靠墙站,纠正自己的姿势同时锻炼眼睛:这两点以后也要坚持成为每天的习惯.然后我又陷入了知乎的各种信息中,一个多小时的时间悄悄 ...
- 谈谈 WLST Custom Commands
在了解WLST定制命令之前,简单说一下WLST,WLST 全称叫Weblogic Scripting Tool, 它提供了一组预定义命令来方便Weblogic的用户通过命令行对Weblogic 实例, ...
- C# 3.0 { get; set; } 默认值
.NET Framework 3.5 使用的是 C# 3.0,C# 3.0 有一些新的语言特性,其中有一项就是快捷属性. 之前的写法: private int _id = 0;public int I ...
- Tsinghua dsa mooc pa1
第一题Range 关键:二分查找,查找不大于一个数的最大下标. #include <cstdlib> #include <cstdio> 4 int compare (cons ...
- 教你如何理解SQL
1. SQL 是一种声明式语言 首先要把这个概念记在脑中:“声明”. SQL 语言是为计算机声明了一个你想从原始数据中获得什么样的结果的一个范例,而不是告诉计算机如何能够得到结果.这是不是很棒? (译 ...
- 附加导航(Affix)行为
用法 通过 data 属性:如需向元素添加附加导航(Affix)行为,只需要向需要监听的元素添加 data-spy="affix" 即可.请使用偏移来定义何时切换元素的锁定和移动. ...
- maven将jar包安装到本地仓库的命令
进入cmd 执行以下命令: mvn install:install-file -Dfile=E:\sqljdbc4.jar -DgroupId=com.microsoft.sqlserver -Dar ...
- PL/SQL块loop..各种循环练习
--利用loop输出1到100的值并求和 ---loop exit end loop set serveroutput on; declare v_i ; v_sum ; begin loop )th ...