1. 前言 近日，被安排做一个开场动画的任务。虽然RN提供了Animated来自定义动画，但是本次动画中的元素颇多，交互甚烦。。。在完成任务的同时，发现很多步骤其实是重复的，于是封装了一个小组件记录一下，分享给大家。 2. 初步尝试 分析一下：虽然这次的动画需求步骤挺多的，但是…

本文将从理论方案、实操经验以及实用工具三个方面介绍携程在 React Native 渲染优化方面的经验，希望能给业内的前端伙伴提供实际的帮助与启发。

本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法，并且尝试尽量把 Virtual DOM 的算法思路阐述清楚。希望在阅读本文后，能让你深入理解 Virtual DOM 算法，给你现有前端的编程提供一些新的思考。

<Provider>组件：这个组件需要包裹在整个组件树的最外层。这个组件让跟组件的所有子孙组件能够轻松的使用connect()方法绑定store 赠人玫瑰，手有余香。各位看官，觉得不错请点个赞，如有错漏处，还请指正呀

移动跨平台框架React Native经过4年的发展，其生态已经变得异常丰富，在使用React Native开发项目的过程中，为了提高开发效率，我们经常会借鉴一些使用使用率比较高的开源库，根据大众的需求，对这些使用较高的 React-Native UI 库，我们做一个简单的总结…

react-redux，其实就是 redux 的 react 版本，方便 redux 在 react 中使用。 而 redux，是 javaScript 应用状态管理容器，是参考 flux 设计模式的一种实现（vue 的 vuex 也是类似的实现），它独立于各种 web 框架但…

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

我的部分工作职责是执行所谓的“技术面试”，在面试时我会评估申请“React 前端开发”职位的潜在候选人。 如果你曾经用谷歌搜索“React 面试问题”（或任何其他“[技术]面试问题”），你可能已经看过无数“十大 React 面试问题”，这些问题要么已经过时，要么和“state …

当调用 setState 时，React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态。 这将启动一个称为和解（reconciliation）的过程。 和解（reconciliation）的最终目标是以最有效的方式，根据这个新的状态来更新UI。 为此，…