React Native

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 1、前言 并无实现 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 都兼容