文章的代码和最新内容请在github查看,也欢迎您star,issue 1.Redux导致的组件多余的渲染问题 请仔细阅读React 组件间通讯的文章的最后一个例子，最后的输出结果为: 这是因为在最后一个定时器中是如下的代码: setTimeout(() => { store.dispatch({ type: 'child_2_1', data: 'by

React Native开发环境配置 Windows Android 所需软件 JDK 1.8+ NodeJS NPM(安装Node时、已经自动安装了) Chocolatey(一个Windows上的包管理器) Python2(据说React Native不支持3版本的) React Native CLI Android Studio(用于代码开发、和SDK、Tools、模拟器管理) Genymot

官方为我们提供的Tab控制器有两种： TabBarIOS，仅适用于IOS平台 ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab） 如果我们需要一个更通用的Tab控制器，那么就要借助开源的力量，本篇文章教你如何使用 react-native-scrollable-tab-view，这是官方Demo的效果 demo.gif demo-fb.gi

Hello Word 1.搭建项目，引入react 既然学习react，那就从hello word开始。当然必不可少的需要引入react，这里我使用的是官网的 Creating a New Application 方式，通过以下命令行操作即可在项目中使用react了，当然官网还提供了其他引入方式。 npm install -g create-react-app create-react-app t

http://www.jianshu.com/p/b7788c3d106e 官方为我们提供的Tab控制器有两种： TabBarIOS，仅适用于iOS平台 ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab） 如果我们需要一个更通用的Tab控制器，那么就要借助开源的力量，本篇文章教你如何使用 react-native-scrollable-ta

http://www.jianshu.com/p/b0cfe7f11ee7 在上一篇文章当中，我们学习了react-native-scrollable-tab-view的基本使用方式，包括基本Props的使用介绍等。我们知道官方为我们提供了两种基本的Tab控制器样式，DefaultTabBar和ScrollableTabBar。很多情况下，官方的样式并不能满足我们的需求（备注：官方的样式是文字+下

概述 jpush-react-native 是极光推送官方开发的 React Native 版本插件，可以快速集成推送功能。现在最新版本的 JPush SDK 分离了 JPush 及 JCore，让开发者可以分开集成 JMessage 及 JPush（以前 JMessage 包含了 JPush）。下面就来具体说一下如何快速集成以及使用 jpush-react-native 插件。 安装 打开终端，

转子http://www.jianshu.com/p/b877115fff1b 之前写过react-navigation使用技巧，那篇文章中主要讲了React-navigation的属性，封装和一些小技巧。虽然上篇文章中也有一些小技巧，但因为补充的比较晚，导致有些人没有看全，再加上我又找到了一些新的小玩意，特此写了本篇文章，如果之后还有新发现，也会再这篇文章中更新出来。 如果遇到什么问题可以在评论

前端每周清单半年盘点之 React 与 ReactNative 篇 前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前端每周清单中的 React 相关的教程实践与开源项目的盘点，可以查看这里

目标 基础知识的学习只有在实践中使用才更容易被理解与吸收，前面几节都是在介绍基本的属性概念，本人是一个比较健忘的人，估计很多人也跟我一样在学了基本概念后过不了多久就忘了，或者只是有个印象却不知道该怎么用该在何处运用这些特性。 本节我们将运用前面所介绍的基本概念，进行布局实战，实现如下效果： 在此之前先介绍一下几个常见的网格布局。 网格布局 网格布局示例的完整代码在: https://github.

项目目录 整个项目目录分为图中所示： Redux分为{Action,Reducer,Store} 入口文件为App.jsx 项目效果 从图中可以看出整个组件可以分为3个组件，内部Counter组件，计算Count的Summary的组件，以及整个容器组件ControlPanel Content React Redux 事实上是两个独立的产品， 应用可以使用 React 而不使用 Redux ，也可以

产品一直催我在 RN 项目中添加分享功能，一直没找到合适的库，今天让我看到了一个插件分享给大家。 在集成插件之前，需要在各大开放平台上成功注册应用，并通过审核（支持 3 个可选的主流平台）。支持的平台如下： 微信开放平台 QQ 开放平台 微博开放平台 第一步 安装: 在你的项目路径下执行命令： npm install jshare-react-native --save npm install j

产品一直催我在 RN 项目中添加分享功能，一直没找到合适的库，今天让我看到了一个插件分享给大家。 在集成插件之前，需要在各大开放平台上成功注册应用，并通过审核（支持 3 个可选的主流平台）。支持的平台如下： 微信开放平台 QQ 开放平台 微博开放平台 第一步 安装: 在你的项目路径下执行命令： npm install jshare-react-native --save npm install j

此文中含有操作视频，请点击原文查看！ 前沿 说到app，最基本的功能无非导航加上页面跳转，这些都是一个app不可缺少的，之前都是用rn官方提供的navigator亦或者是后来facebook官方承认的另一种navigation方案（react-navigation），但是毕竟都是基于js实现的，说到底还是web之前的切换以及跳转，低端机多多少少还是有些性能影响。今天要深入研究的就是纯粹的原生体验（

最近产品让我加上数据统计功能，刚好极光官方支持数据统计 支持了 React Native 版本 第一步 安装: 在你的项目路径下执行命令： npm install janalytics-react-native --save npm install jcore-react-native --save react-native link 第二步 配置： ReactNative iOS 端配置步骤在插

关于推送的集成请参考这篇文章，关于统计的集成请参考这篇文章，本篇文章将引导你集成分享功能。 在集成插件之前，需要在各大开放平台上成功注册应用，并通过审核（支持 3 个可选的主流平台）。支持的平台如下： 微信开放平台 QQ 开放平台 微博开放平台 第一步：安装 npm install jshare-react-native --save npm install jcore-react-native

关于推送的集成请参考这篇文章，本篇文章将引导你集成统计功能，只需要简单的三个步骤就可以集成统计功能。 第一步 安装 在你的项目路径下执行命令： npm install janalytics-react-native --save npm install jcore-react-native --save react-native link 执行完上述命令后，使用 Android Studio 打开

刚创建的React Native 微信公众号，欢迎微信扫描关注订阅号，每天定期会分享react native 技术文章，移动技术干货,精彩文章技术推送。同时可以扫描我的微信加入react-native技术交流微信群。欢迎各位大牛,React Native技术爱好者加入交流！ 本篇内容为react-navigation的进阶内容以及高级用法。 （1）适配顶部导航栏标题：    测试中发现，在ipho

「 懒癌引发血案 」 目前前端技术栈发生了翻天覆地的变化，上篇刚写了只会jquery 要失业，再不学新的你就要被淘汰，虽然有点危言耸听，不过现实情况确实是这样。 vue、react、angular对比和选择 这个话题我在vue1.x 时代 2016年 就想写了，可时光如梭，懒癌侵身，一个搁浅便是这么多天。vue都2.5了，angular 都变成了另外一种框架了，不敢想，不敢想， JavaScrip

  1. XMPP 优缺点 XMPP (Extensible Messaging and Presence Protocol) (前称Jabber) 是一种以 XML 为基础的开放式即时通讯协议，是经由互联网工程工作小组 (IETF) 通过的互联网标准。[1] 1.1 XMPP 协议的优点 1.1.1 可扩展性 XMPP 的数据传输基于 XML 格式，可扩展性强。XMPP 的核心协议栈 (Core