使用React重构百度新闻webapp前端
http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html
[react] react15、react16生命周期对比
一、react15生命周期 react15生命周期初始状态 点击“挂载Child Component”按钮后 从右边的console中可以看出Child组件首次挂载的时候，依次触发了Child组件的constructor, componentWillMount, render, componentD...
React Native - Image组件的使用详解（加载资源、网络、本地图片）
转至：http://www.hangge.com/blog/cache/detail_1542.htmlReact Native - Image组件的使用详解（加载资源、网络、本地图片）2017-02-21发布：hangge阅读：10479一、Image组件介绍同 HTML 的 img 元素一样，R...
阿里云服务器（centos7）的使用（6）一nginx部署react的项目
预览一，前端打包：1,大部分的打包命令都是：yarn build 或者 npm run build然后在当前目录文件会生成build文件夹或dist文件夹 二，上传服务器：将文件上传到服务器中，上传工具可以使用FileZilla。三，配置nginx配置我的nginx安装在/usr/local的目录下...
react-native运行之缓存问题
问题描述：今天在做一个项目详情的时候，需要对react-native的组件源码进行修改。但是该node-modules里面的文件会有一个致命的问题：每次重装依赖（使用yarn install 或者 npm install）之后，node-modules里面的文件就会被重置（修改的源码没有了）！所以今...
React Native 混合编程 之常用API
React Native 提供以下的常用APIAlert：跨平台的提示框AppRegisty:注册React Native 应用的入口AsyncStorage：React Native 提供的键-值存储系统。Dimensions:用于获取设备的屏幕宽高Platform：用于获取设备当前运行的平台名称...
携程技术沙龙：React Native的框架优化和业务实践
随着智能手机和移动互联网最近几年的迅猛发展，在其背后的开发技术也在经历着日新月异的变化。移动开发从最早期的原生 iOS Objective C、Android Java到基于H5 Hybrid，Android插件化/iOS动态脚本，再到现在火热的React Native， 其背后都是业务发展对技术需...
函数式编程 react优化 之装饰器模式
首先来说下 装饰器模式；装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同时又不改变其结构。这种类型的设计模式属于结构型模式，它是作为现有的类的一个包装。就是一个函数，经过包装 增强了 原有的功能； 并且还是原来的函数名字； 但是其实已经增强过了。就像一个人 ，穿...
React使用antd的Steps控件的问题
项目所使用的是antd 2.x版本，由于业务需要，弄一个进度条，使用Steps控件来实现目标的实现效果：需要的效果就是，竖着的，点状的步骤，并且文字都是可以点击的但是在使用Steps控件的过程中，因为需要竖着的，但是在查看antd使用的时候，使用codePen来实现竖着点状步骤是可以的，但是在项目中...
简析React-Native中如何适配iPhoneX
一、介绍iPhone X 发布也有一段时间了，独特的 “齐刘海”，以及 “小嘴巴” 带给了苹果粉们无限的遐想，同时也带来众多的吐槽。前几天，招商银行公众号在微信推送了一条消息，11月招商银行App要发布最新版本，完美适配iPhoneX，是国内第一家银行App适配iPhoneX。感兴趣的朋友可以去下载...
win7平台下React-Native Android：Unable to upload some APKs
一、问题描述根据网络上的Win7平台下React-native配置教程配置好开发环境的过程中，在艰难进行到react-native run-android这一步时，发现一直出现错误，截图如下：错误的说明信息表明是 Ubable to upload some APKs。经过网上搜索最后在这里(http...
react native学习与开发（2）vscode插件
React Native Tools微软官方为 React Native 开发提供的专门的插件，按照官网的说明进行插件的安装即可。这个插件使得开发者可以在 VS Code 中调试 React Native 代码，快速执行react-native命令，以及对 React Native 的 API 具备...
react-native android端开发环境搭建详细教程(android studio + vscode)
1.react-native 开发之前需要掌握的技术javascript这个就不用多说了。ecmascript 6（简称ES6）ES6 是 JavaScript 语言的一种标准React.js用于构建界面的 JavaScript 库Android，ios原生开发2.react-native 优缺点优...
抽奖程序（React）
Lottery介绍基于Ant Design组件库、Dva开发框架实现的一款抽奖App。动画使用了react-particles-js安装说明cnpm i 或者 npm i （建议前者）npm run startnpm run build使用说明点击主页面最左侧，弹出抽屉层，导入数据，或者修改路径为：...
react+dva 全局model中异步获取数据state在组件中取不到值
先上结论，不是取不到，是写法有问题。全文分4部分，1是问题描述，2是一开始的解决想法（错误做法），3是问题产生原因的思考，4是正常解决方法。只想看结论直接跳41.问题描述接触react dva一个月，和同事都不算熟悉框架。在修改、使用同事的ui组件时，想用全局model保存的state来给组件sta...
React Native 自定义组件
React Native 自定义组件 塔米尔 关注2017.04.02 01:04* 字数 181 阅读 872评论 3喜欢 7ES6语法定义组件在ES6里，我们通过定义一个继承自React.Component的class来定义一个组件类，像这样： 定义组件的属性类型和默认属性在ES6里，可以统一使...
React Native 获取设备信息
一、获取方案使用开源的第三方组件react-native-device-info，该组件适用于iOS和Android双平台。npm地址：https://www.npmjs.com/package/react-native-device-info二、组件使用在ReactNative项目中下载第三方组件...
React性能优化总结（转）
原文链接： https://segmentfault.com/a/1190000007811296?utm_source=tuicool&utm_medium=referral初学者对React可能满怀期待，觉得React可能完爆其它一切框架，甚至不切实际地认为React可能连原生的渲染都能...
react生命周期，中间件、性能优化、数据传递、mixin的使用
https://github.com/lulujianglab/blog/issues/34一、生命周期1，初始化的执行顺序，初始生命周期执行过程详解class initSate extends Component {constructor(props, context) {super()this....
react问题解决的一些方法
原文链接： https://segmentfault.com/a/1190000007811296?utm_source=tuicool&utm_medium=referral初学者对React可能满怀期待，觉得React可能完爆其它一切框架，甚至不切实际地认为React可能连原生的渲染都能...