React Native 配置自定义字体
本想着配置自定义字体不是什么大坑，官网文档找了一下，没有。遂关键字：“React Native 配置自定义字体”这么一搜。都是一样的文章，作者名却是各式各样，真是天下文章大家抄。然而试了一下并不好用。
（这里使用最新的RN 0.48.4 测试） 这里想一下React Nativ…
这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已
这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已
ReactNative 学习资源大汇集
React Native 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。 本文汇集了 React-Native 各类学习资源，方便大家学习，同时还有 [Awesome React Native 系列]，请收下…
React Native BLE 蓝牙通信
由于业务需要，基于 React Native 开发的 App 要跟 BLE 蓝牙设备通信。
在 js.coach 上搜索 React Native BLE 蓝牙组件，只找到三个组件：
react-native-ble-manager：文档清晰明了，简单，基本每个月都有更新，遇到问题提交 issue 作者也能及时回复。
react-native-ble-plx：文档阅读起来有点难度，更新频率较慢。
react-native-ble：由 Node.js BLE 改写而成，不是很适用于 React Native。
综上分析，我选择 react-native-ble-manager 组件，组件的安装、配置看官方文档即可。
前端每周清单半年盘点之 React 与 ReactNative 篇
前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前端每周清单中的 Re…
[教你React-Native撸android原生百度定位SDK服务[跨平台模块自定义]](https://juejin.im/entry/59797...
哈喽,最近一直在研究reactNative没有碰原生的东西已经很久了.不知道大家是否想过一个问题呢?reactNative开发中用到的语言是Js.但是我们如果想做百度定位或者微博分享等第三方sdk的集成时,会不会碰到以下问题.
Zent - 源自有赞微商城的 React 组件库
Zent ( ˈzent ) 是有赞 PC 端 Web UI 规范的 React 实现版本，提供了一整套基础的 UI 组件以及常用的业务组件。通过 Zent，可以快速搭建出风格统一的页面，提升开发效率。目前我们有 45+ 组件，其中包括 Design 以及 SKU 等实用的…
我为什么从Redux迁移到了Mobx
Redux是一个数据管理层，被广泛用于管理复杂应用的数据。但是实际使用中，Redux的表现差强人意，可以说是不好用。而同时，社区也出现了一些数据管理的方案，Mobx就是其中之一。 这是Redux给自己的定位，但是这其中存在很多问题。 首先，Redux做了什么？看Redux的…
React Native 仿 ofo 共享单车 App
本文为 Marno 原创，转载必须保留出处！ 公众号【 aMarno 】，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 一、前言 并没有实现 ofo 所有功能，只完成了主要的界面和逻辑，感觉其中也就【地图】和【…
如何编写一个 Redux 中间件
要想实现一个 redux 中间件我们必须了解 redux 的基本实现原理。本文将从 redux 源码入手，重点讲解 applyMiddleware 如何将中间件串联执行。只有理解了底层原理我们才可以游刃有余的写出一个 redux 中间件。 可以看见 createStore 的三…
用 Jest 测试 JavaScript 应用
Jest 是 FaceBook 用来测试 JavaScript 应用的一套测试框架，这些应用当然也包括了 React 应用。它的优点之一是自带了对 React 的支持，同时也很容易支持其它框架。
从最简单的开始，我们可以看看如何用 Jest 测试纯 JS 项目。
ONE-ReactNative
首先说说写这个项目的初衷，rn用了快一年半的时间，身边也有很多朋友开始学习rn，从他们学习的方式方法中我深深的体会到，对于一个初学者他们最需要的是什么。因此我写了这个项目，或许你会认为这个项目太过于简单，但是这里面用到的知识却是最基础也最容易忽略的。 传送门 简单贴几张效果图 i…
React Native源码分析原理（二）(基于0.48版本)
上一篇文章大家如果仔细阅读揣摩对RN有了一个初步的认识了，接下来将基于上一篇文章的这种初步认识然我们详细了解一下RN的启动过程 [RCTRootView initWithBundleURL:...] [RCTBridge initWithBundleURL:...] [RCTB…
React Native预设占位布局placeholder
当我们首次打开一个app的时候会请求接口获取数据，那么获取数据的这段时间展示什么给用户呢？国内很多app都是千篇一律的用一个菊花代替（俗称loading），或者更有心一点的做一个好看一点的loading，但是这样当拿到数据渲染页面的时候会很生硬的切换，总感觉很low。
iOS 开发是否要采用 React Native?
React Native 是 Facebook 2015年开源的 Javascript 框架，旨在使用 Javascript 高效开发手机端 App。配合着多个显而易见的优势和 Facebook 强大的宣传机器，它立刻成为国内外大小公司的明星开发框架。开源社区的参与激情、各方博…
将RN工程嵌入到现有原生iOS应用
今天心血来潮，就想尝试一下将RN工程单独嵌入到原生工程中，所以就做了尝试，本文是通过cocopods集成RN到现有工程的，但是其中也遇到一个问题，怎么编译都不过。
React Native的植入过程同时需要React和React Native两个node依赖包，所以需要我们创建…
快速上手必备：五分钟过一遍 Redux 知识点
你是不是好不容易看完了 Redux 的官方文档、了解了 state/action/reducer/store 这些内容后，但又愁于没有地方可以一次性实践将他们牢记于心，而下次真正要使用的时候又苦于这些看过的概念差不多都忘光了。
如此反复不仅浪费时间、而且消磨精力。
考虑到此，本文尝试通过简明的概述将 redux 中涉及到的主要知识点以及官方提供的最佳实践表达，希望已经入门的你在真正需要的时候可以扫一遍迅速捡起这些、方便你的开发。
快快收藏吧。
如何在React Native中实现分享和第三方登录的功能
在我们常用的App中经常会看到分享与第三方登录的功能，可以说分享与第三方登录已经成为了各大APP的必备功能。对于产品运行与推广来说，分享与第三方登录不仅能加强用户粘性，增加流量及新用户，也能提升用户存留优化产品质量等。
各大平台都有对应的开发平台来提供分享与第三方登录的服务，比…
ReactNative 的理解与思考，三端同一套代码的实践
React Native 是一个JavaScript 的框架，用来撰写实时的、可原生呈现iOS 和Android 的应用。 其是基于React的，而React 是Facebook 的用于构建用户界面的JavaScript 库
自定义 React Native 二维码扫描组件(简单，易用！)
本文为 Marno 原创，转载必须保留出处！ 公众号 aMarno，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 1.前言 最近用 React Native 仿写了一下 ofo 应用，涉及到了二维码扫描的功能，…
后端工程师的React Native初体验
这是一个用React Native写的小说APP，支持搜索小说、订阅小说、在线阅读。附后端源码
4 张动图解释为什么（什么时候）使用 Redux
本文描述了什么时候开始使用 Redux。作者描述了在构建一个真实 React APP 时，从没有使用 Redux 到使用 Redux 的过程以及收获。 首先，并不是所有的 React 应用程序都需要使用 Redux。事实上，大多数非常简单的 React 应用程序根本不能从 Re…
React Native 开源项目 - 仿美团客户端 (Android、iOS 双适配)
推荐 React Native 学习好项目，仿照美团客户端
React Native手势密码组件
ReactNative源码篇：启动流程
在分析具体的启动流程之前，我们先从Demo代码入手，对外部的代码有个大致的印象，我们才能进一步去了解内部的逻辑。 1 首先我们会在应用的Application里做RN的初始化操作。 2 页面继承ReactActivity，ReactActivity作为JS页面的容器。 3 有了…
React Native探索（一）环境搭建与Hello World（Windows/Mac）
前言 目前关于React Native的教程很多，官方文档写的也不错，但是感觉大部分教程写的不是很清楚，导致我各种碰壁。因此我来写一个简洁的教程。本篇文章基于React Native 0.43，只适用于用Windows/Mac平台的Android开发者。 1.配置React N…
如何高效管理 React Native 项目中的图片资源
本文为 Marno 原创，转载必须保留出处！ 公众号【 Marno 】，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 今天是情人节了，Marno 祝有"对象"的情人节快乐，没对象的 new 一个对象，然后情人节…
redux 源码研究：中间件
中间件是代理/装饰模式的一种的实践方式，通过改造 store.dispatch 方法，可以拦截 action（代理）或添加额外功能（装饰）。 新建一个变量指向 store.dispatch。 新建同名函数 dispach，接收参数为 action。 编写自己的额外逻辑。 在 d…
React Native拆包及热更新方案
随着 React Native 的不断发展完善，越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发，也有不少使用 Hybrid 技术的公司转向了 React Native 。要说 React Native 最能吸引开发者的地方那就
React Native Android 从学车到补胎和成功发车经历
技术是无罪的，所以即便 RN 现在胜负难断，但是作为一个开发者对自己关注领域的新技术应该尽可能的持有一个关注的心态，以免真的能颠覆时找不到赛道，更别提发车，更何况现在已经有很多 JD 竟然列出了 React Native 开发工程师的职位（包括鹅厂），薪水福利也还不错。
PS：如果你依旧对 RN 抱着怀疑的心态，那请你打开这个 showcase 看看吧，国内外已经有很多有名和没名的 App 都已经接入了 RN。
React 的性能优化（一）当 PureComponent 遇上 ImmutableJS
在我们的印象中，React 好像就意味着组件化、高性能，我们永远只需要关心数据整体，两次数据之间的 UI 如何变化，则完全交给 React Virtual Dom 的 Diff 算法 去做。以至于我们很随意的去操纵数据，基本优化shouldComponentUpdate 也懒得…
React Native Calendars ✨ ?️ ?
对 Android 和 iOS 都兼容