说在前头：新入职公司，react还不是很熟悉，就开始了官网重构的项目，刚开始开发速度很慢，而且语法也很多不规范的地方，在这里总结一下开发中遇到的坑。 这样就会使NPM包里的文件正常加载了。 原来这些都是打包后的文件！为了使打包后的样式生效，需要使用extract-text-we…

React-Native号称是跨平台开发且具有原生应用的体验，早在两年前我曾经尝试过使用React-Native，但是环境搭建过程及其复杂，可参见我之前写的文章：iOS现有项目手动集成ReactNative。最近公司新开项目需要实现iOS和Android平台热更新方案，以便快速…

下载后在手机上安装APK。 上图的上面的二维码不太好扫描，可以用浏览器打开相应的地址，然后打开手机调试器，点击扫码安装即可。注意手机和电脑要在同一网络下。

随着 React Native 的不断发展完善，越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发，也有不少使用 Hybrid 技术的公司转向了 React Native 。要说 React Native 最能吸引开发者的地方那就

RN目前已更新至v0.56，其动画API也在不断的丰富，其中以Animated为主要核心，集中了动画创建、执行（组合）、运算（插值）、事件等功能。 Animated提供了对动画值的加、减、乘、除、取模等运算。 插值也属于运算的一种方式，可以使用动画值对象的interpolate…

所有的状态存放在Store。组件每次重新渲染，都必须由状态变化引起。 用户在 UI 上发出action。 reducer函数接收action，然后根据当前的state，计算出新的state。 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何…

目录内容1.JSX语法JSX语法的解析规则是：遇到XML标签<...>，以XML规则解析；遇到代码块{...}，就用JavaScript规则解析；我认为，在JSX中，XML可以理解为是创建虚拟DOM对

1.背景 广发手机证劵App计划在6.4版本中支持ReactNative。首页，必答等多个业务模块计划用RN替换H5实现。 因上述业务均由手机证劵外的其他小团队各自负责，故为了后续控制apk的包大小，以及提升RN模块首屏显示速度。我们预先做了JsBundle的拆包优化，后续再…