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可能连原生的渲染都能...
react 实用的性能优化方式
react 组件渲染分为初始化渲染和更新渲染，当我们更新某个组件的时候，只是想关键路径上组件的render,但react的默认做法是调用所以组件的reder,再生成虚拟dom进行对比，如不变则不进行更新。这样的render和虚拟DOM的对比明显是在浪费。React的优化是基于shouldCompon...
用react系列技术栈实现的demo整合系统
引子学生时代为了掌握某个知识点会不断地做习题，做总结，步入岗位之后何尝不是一样呢？做业务就如同做习题，如果‘课后’适当地进行总结，必然更快地提升自己的水平。 由于公司采用的react+node的技术栈，于是就完成了一个reactSPA小项目，计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给抽...
webpack+babel+react+antd技术栈的基础配置
webpack+babel+react+antd技术栈的基础配置前段时间使用webpack+babel+react+antd做了一套后台管理系统，刚开始被一大堆的新知识压的喘不过气来，压力挺大的。还在一步步走来，学习了很多。那时候还不会配置，直接从网上下了别人配置好的可以跑的。之后特意花了一段时间好...
react+redux+webpack+git技术栈
一、git bash here mdkr cnpm init -y ls -a ls -l ls -la隐藏的也可查看 cat package.json 二、npm npm i webpack-dev-server -g 全局：任何目录运行 本地：本地需要调用附带的插件 npm list npm ...