2017年01月_天外野草

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Redux中间件在React和React-Native项目架构中的应用实践

前言在MVVM框架模式独揽天下的今天，React凭借其独特的设计思想，深入的设计理念，开辟了一条崭新的康庄大道，实属是一个重大的突破，为什么这么说呢？因为React论其设计思想，充其量只是MVVM种的V而已，对于大量而且复杂的数据来讲，自身处理上显得有些力不从心，这时候，传统的Redux和Flux的设计思想起到了决定性的作用，对于Redux和Flux这里不多赘述，这个观念在这两年被炒的异常火热，网上

2017-01-13 16:12:32 4477

原创 React-Native应用ListView实现上拉下拉刷新效果实践

前言在移动应用中，上拉刷新加载更多，下拉刷新列表的操作非常常见，那么在React-Native中应该如何实现呢，我们具体来看一下？必备的组件 ListView：效果和ScrollView比较类似，但是效率会高些，因为只渲染当前屏幕显示的数据。 RefreshControl：这是一个组件嵌入到ListView，ScrollView中，实现刷新的效果。上面两个组件都是RN自带的组件的实现起来比较容易。

2017-01-13 15:03:12 10114 4

原创 Redux-Saga在React工程架构之的应用实践详解

前言React的作用View层次的前端框架，自然少不了很多中间件（Redux Middleware）做数据处理, 而redux-saga就是其中之一，目前这个中间件在网上的资料还是比较少，估计应用的不是很广泛，但是如果使用得当，将会事半功倍的效果，下面仔细介绍一个这个中间件的具体使用流程和应用场景。redux-saga简介Redux-saga是Redux的一个中间件，主要集中处理react架构中的异

2017-01-12 15:12:08 24982

原创 React-Native工程项目打包编译发布过程详解

前言现在大红大紫的React-Native框架热度可谓与日俱增，React-Native的热更新操作，在开发过程中的确带来很多好处，但是对于发布来讲，不同平台却不尽相同，下面来具体看一下Android和IOS两个平台是如何执行发布产品的。React-Native之Android平台发布Android平台有两种发布方式，一种是借助于命令行操作，另外一种是借助于Android Studio进行发布，具

2017-01-03 19:51:07 11644 1

原创 React-Native版本升级的实践方案

前言在React Native的工程项目中，版本升级是避免不了的，尤其是RN这种框架版本的迭代速度非常之快，如果一味使用旧版本，就无法使用新特性，如果升级，很可能会导致版本兼容问题，正所谓“与何雄站不可兼得”，但是为了长远发展，我们依然要选择升级，那么对于RN我们如何升级会更好的呢？下面说我我的一些观点。在此强调一下，RN 0.40版本和一下的版本变动比较大，所以升级方式会有所不同。使用reac

2017-01-23 15:06:08 7617

原创 React-Native编写针对平台的代码

前言我们在实际项目开发中，Android和IOS平台显示的效果可能并不相同，针对不同平台编写不同代码的需求, 下面举例说明React-Native工程下几种平台区分的方法，以供参考。用不同文件夹区分建立不同的文件夹，存放不同平台的代码，是很常见的一种方式，大概如下：/common/components/ /android/components/ /ios/components/ios文

2017-01-23 14:10:55 6191

原创 React-Native调试状态下App运行缓慢问题解决方案

问题正在使用RN进行开发的小伙伴会发现，当我们在远程调试状态下会有这个一个页面提示（黄色）并且App运行非常的缓慢。提示如下：react-native fix this by foregrounding the tab(or opening it in a sepatate window)解决方案有两个采用独立的浏览器tab,也就是一个新的窗口问题解决采用独立的调试app,可以使用一个gith

2017-01-11 15:10:36 8861

原创 react-native报错解决方法 in next release empty section headers will be rendered

错误截图解决方法在ListView下加个 enableEmptySections = {true} 就可以解决了

2017-01-11 14:42:08 1704

原创 React-Native Issue: PCH was compiled with module cache path

最近React-Native项目中发现一个奇怪的问题：当执行：react-native run-ios的时候，发生如下错误：PCH was compiled with module cache path '/Users/tyler/workspace/html5space/HappyTime/ios/build/ModuleCache/HST39TUTS9TS', but the path is c

2017-01-04 10:04:49 3195