React Native开发技术周报2

2021-07-06 23:59:22

(1).资讯

添加了热自动重载功能

(2).技术文章

我们想为用户设计一款移动端的应用，却不知从何下手，我们只知道每一个人都希望做一款又酷又好玩儿体验又十分顺滑的应用，然而团队里没人有移动端的经验。于是，我们最终只好选择React Native作为我们的开发工具。结果证明，这是一个非常明智的选择，我们从开始到现在的所思所感。

2.使用 ListView 组件实现类似iPhone通讯录效果

3.Redux技术中文文档

对Redux技术写的非常详细的文档，值得推荐~

4.[荐]深入源码探索 ReactNative 通信机制

本文从源码角度剖析 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}，处理端在模块配置表里查找注册的模块与方法并调用。

5.轻松入门 React 和 Webpack

挺不错的文章,推荐一下

6.react-native 之布局篇

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 端的代码。

12.实践移动端的Flux架构

Facebook使用Flux架构来构建客户端的Web应用. Flux架构并不是为移动端设计的, 但是我们仍然可以采用这个思想在Android端使用. Flux是数据驱动型架构, 在以数据为核心的场景中使用非常合适, 不过Facebook好像把Flux架构应用于所有产品, 无论是前端还是移动端.

13.关于Redux到底是个什么鬼

(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双平台下拉菜单一致性效果

4.使用react-native开发的微博客户端

适配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).工具

1.新编码神器Atom使用纪要

Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。她很大程度上继承了SublimeText的美，而又不仅如此。有费了蛮大力气总结了一篇关于SublimeText文章: 如何优雅地使用Sublime Text，这其中可以感受个人对于Sublime的钟爱。而如今试用了 Atom 一个多月以来，我*见异思迁了，幸好我不是一个喜新厌旧的男人～在编码砌字时，很多时候一款编辑器的标签不够用的，所以现在两款兼而用之。

2.淘宝 NPM 镜像

作为在墙内的童鞋们,进行安装npm的时候经常因为网络问题加载不成功，这边提供国内淘宝镜像,助大家一臂之力,速度非常的快哦~

3.Siphon构建工具

[强烈推荐]. 使用Siphon工具,可以不需要安装Xcode IDE进行构建和发布React Native应用