React Native开发技术周报2
(1).资讯
添加了热自动重载功能
(2).技术文章
1.用 React Native 设计的第一个 iOS 应用
我们想为用户设计一款移动端的应用,却不知从何下手,我们只知道每一个人都希望做一款又酷又好玩儿体验又十分顺滑的应用,然而团队里没人有移动端的经验。于是,我们最终只好选择React Native作为我们的开发工具。结果证明,这是一个非常明智的选择,我们从开始到现在的所思所感。
2.使用 ListView 组件实现类似iPhone通讯录效果
对Redux技术写的非常详细的文档,值得推荐~
本文从源码角度剖析 RNA 中 Java <> Js 的通信机制(基于最新的 RNA Release 20)。
对于传统 Java<>Js 通信而言,Js 调用 Java 通不外乎 Jsbridge、onprompt、log 及 addjavascriptinterface 四种方式,在 Java 调用 Js 只有 loadurl 及高版本才支持的 evaluateJavaScript 两种。但在 RN 中没有采用了传统 Java 与 Js 之间的通信机制,而是借助 MessageQueue 及模块配置表,将调用转化为{moduleID, methodID,callbackID,args},处理端在模块配置表里查找注册的模块与方法并调用。
挺不错的文章,推荐一下
7.React Native控件之TabBarIOS和TabBarIOS.Item组件详解及实例
基础组件文章
8.React Native控件之ProgressViewIOS进度加载组件详解及实例
9.React Native控件之ActivityIndicatorIOS进度指示器组件详解及实例
10.React Native deployment with Fastlane
外文:使用Fastlane进行构建加载React Native应用
11.三步将 React Native 项目运行在 Web 浏览器上面
简单的一句话描述 React Web 就是:它帮你把 React Native 的组件做了一个 Web 端的实现,并提供相关打包工具,让你可以直接打包出一份可以跑在 Web 端的代码。
Facebook使用Flux架构来构建客户端的Web应用. Flux架构并不是为移动端设计的, 但是我们仍然可以采用这个思想在Android端使用. Flux是数据驱动型架构, 在以数据为核心的场景中使用非常合适, 不过Facebook好像把Flux架构应用于所有产品, 无论是前端还是移动端.
(3).开源项目
1.[译]React Native开源Material Design组件(react-native-material-design)
打造Android端Material Design体验效果
2.实现Android PopupWindow效果的React Native模块组件
因为在国内很多APP设计都只考虑iOS的界面风格,完全不管Android,直接把iOS的设计图拿来让Android照做, 然而react-native提供的Alert使用的是Android原生的Dialog,so,本module应运而生 —— 使用Android原生的PopupWindow来实现iOS风格 的对话框。
3.[译]React Native下拉菜单组件(react-native-menu)
打造Android和iOS双平台下拉菜单一致性效果
适配iOS平台,采用React Native开发的微博客户端,值得深度推荐,初学者必读源码哈~
5.react-native平台图像裁剪组件-适配iOS平台
6.使用React Native和Siphon平台进行构建一个优酷播放列表浏览器
[强烈推荐].We're going to use Siphon to quickly build a React Native app from scratch. The finished app will display a live YouTube playlist and let you play a video by tapping it.
(4).工具
Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。她很大程度上继承了SublimeText的美,而又不仅如此。有费了蛮大力气总结了一篇关于SublimeText文章: 如何优雅地使用Sublime Text,这其中可以感受个人对于Sublime的钟爱。而如今试用了 Atom 一个多月以来,我被迫见异思迁了,幸好我不是一个喜新厌旧的男人~在编码砌字时,很多时候一款编辑器的标签不够用的,所以现在两款兼而用之。
作为在墙内的童鞋们,进行安装npm的时候经常因为网络问题加载不成功,这边提供国内淘宝镜像,助大家一臂之力,速度非常的快哦~
[强烈推荐]. 使用Siphon工具,可以不需要安装Xcode IDE进行构建和发布React Native应用
(5).视频
非常值得一看
ReactNative高级交流群 127482131 或访问 http://reactnative.pw ReactNative技术专题
转载自江清清的技术专栏(http://www.lcode.org)
React Native开发技术周报2的更多相关文章
- React Native开发技术周报1
(一).资讯 1.React Native 0.21版本发布,最新版本功能特点,修复的Bug可以看一下已翻译 重要:如果升级 Android 项目到这个版本一定要读! 我们简化了 Android 应用 ...
- React Native开发技术
http://www.lcode.org/react-native-week-issue22/
- Hybrid App 和 React Native 开发那点事
简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App 良好用户交互体验的优势」和「Web App 跨平台开 ...
- iOS程序员的React Native开发工具集
本文整理了React Native iOS开发过程中有用的工具.服务.测试.库以及网站等. 工具 你可以选择不同的开发环境:DECO.EXPO或者你可以使用Nuclide+Atom,目前我使用EXPO ...
- React Native开发入门
目录: 一.前言 二.什么是React Native 三.开发环境搭建 四.预备知识 五.最简单的React Native小程序 六.总结 七.参考资料 一.前言 虽然只是简单的了解了一下Reac ...
- DECO 一个REACT NAtive 开发IDE工具
DECO 一个REACT NAtive 开发IDE工具. 目前只支持 OS,NO WINDOWS https://www.decosoftware.com/ 一个方便的快速 ERXPRESS 教程:h ...
- React Native 开发之 (02) 用Sublime 3作为React Native的开发IDE
Sublime Text是一个代码编辑器.也是HTML和散文先进的文本编辑器.漂亮的用户界面和非凡的功能,例如:迷你地图,多选择Python插件,代码段等等.完全可自定义键绑定,菜单和工具栏等等.漂亮 ...
- React Native 开发笔记
ReactNativeDemo 学习ReactNative开发,搭建ReactNative第一个项目 React Native 开发笔记 1.安装Homebrew $ /usr/bin/ruby -e ...
- 【转】【React Native开发】
[React Native开发]React Native控件之ListView组件讲解以及最齐全实例(19) [React Native开发]React Native控件之Touchable*系列组 ...
随机推荐
- JAVA 8 Lambda表达式-Lambda Expressions
Lambda表达式介绍 Lambda表达式是在java规范提案JSR 335中定义的,Java 8 中引入了Lambda表达式,并被认为是Java 8最大的新特性,Lambda表达式促进了函数式编程, ...
- XML语言基础1
这学期选修了XML技术这门课,没有发课本,于是参考了W3school教程,整理一下上课的内容. 1.XML简介 XML是一种标记语言,很类似HTML,它不是对HTML的替代,而是对HTML的补充.在大 ...
- java.lang.NoClassDefFoundError:TagSupport
这个错误应该就是没有成功加载tomcat自带的jar包jsp-api.jar. 在网上看到很多网友说要把tomcat/lib下的jsp-api.jar拷贝到项目/WEB_INF/lib下并导入,本人试 ...
- column 'id' in field list is ambiguous
column 'id' in field list is ambiguous 这个错误,是因为你查询语句里面有id字段的时候,没有说明是哪个表的id字段,应该加上表名(或者别名)来区分.
- proxool 连接池警告分析:appears to have started a thread named [HouseKeeper] but has failed to stop it
1. 问题:日志中出现下面的警告: 警告: The web application [ROOT] appears to have started a thread named [HouseKeeper ...
- 高性能MySQL笔记 第5章 创建高性能的索引
索引(index),在MySQL中也被叫做键(key),是存储引擎用于快速找到记录的一种数据结构.索引优化是对查询性能优化最有效的手段. 5.1 索引基础 索引的类型 索引是在存储引擎层而 ...
- 根据网站所做的SEO优化整理的一份文档
今日给合作公司讲解本公司网站SEO优化整理的一份简单文档 架构 ########################################## 1.尽量避免Javascript和flash导航. ...
- Android UI编程(1)——九宫格(GridView)
(转自:http://blog.csdn.net/Thanksgining/article/details/42968847) 参考博客:http://blog.csdn.net/xyz_lmn/ar ...
- Linux mke2fs 硬盘格式化
[root@whp6 ~]# cat /etc/filesystems ext4 ext3 ext2 nodev proc nodev devpts iso9660 vfat hfs hfsplus ...
- Python使用QRCode模块生成二维码
QRCode官网https://pypi.python.org/pypi/qrcode/5.1 简介python-qrcode是个用来生成二维码图片的第三方模块,依赖于 PIL 模块和 qrcode ...