1. React Hooks 2. 解决的问题 3. 注意事项 4. useState useState会返回一对值：当前状态和一个让你更新它的函数，你可以在事件处理函数中或者其他一下地方调用这个函数。它类似class组件的this.setState，但是它不会把新的state…

在王者的世界里，不仅仅只有快乐，还能搞学习，让你成为快乐而又富有知识的人。这其中的功臣，这不得不说的就是它的新手指引。 为什么这么说呢？我们先来看几张图。 没错，上面的就是王者荣耀的新手引导，手把手教学，还有妲己美妙的声音。 整个过程大约 2分钟。它使用了多种引导方式，蒙层引导…

本文旨在介绍 Form Render （FR）这个飞猪开源表单解决方案。简述它想解决的问题，我们的理念和解法，这半年走过的路，以及 FR 的未来规划 所见即所得的表单设计器，拖拖拽拽完成表单的开发。并可自由定制成符合自身喜好的独特设计器 这个未来其实以近在眼前。FormRend…

jsx 语法是一种 JavaScript 语法扩展，在 React 中可以方便地用来描述 UI。比如下面就是一段 jsx 语法 在jsx语法中，循环渲染是利用数组的遍历 map() 方法返回一个集合。 遍历时必须有唯一索引 key 提高遍历的效率。一个元素的 key 最好是这个…

页面引导在用户第一次访问网站能过提供很好的提示, 下面介绍基于react写的一个页面引导的组件. <Guide/>组件还需要有: 遮罩层、提示框、内容区、语音功能, 4个部分. 提示框应该再遮罩层之上, 它的z-index大于遮罩层的.提示框还要考虑页面空余空间,确定摆放位置,…

网上有很多关于 React 生命周期的文章，我也看了不少，为了梳理并加深我对此的理解，所以决定写这篇文章。本文主要梳理目前最新的 V16.4 的生命周期函数。现在 React 最新版本是 16.13，但是生命周期最新版本是 16.4，之后版本的生命周期没有过改动了，本文不涉及 …

这是去年 App 项目提出的一个需求，因为我们做的这个 App 区分了很多渠道，同时登录用户也有很多状态，一些菜单需要动态的显示隐藏。项目是使用的 React-Native 框架，路由库选择官方推荐的 react-navigation，所以要实现这个需求，必须是改动 react…

一直以来，在不同平台开发和维护同一款产品，所付出的成本和代价都是一个令人头疼的问题，于是各类跨平台开发方案顺应而生。从Web容器方案到以React Native、Weex为代表的泛Web容器方案，最后再到以Flutter为代表的自绘引擎方案，这些优秀的跨平台开发框架们慢慢抹平了…

2019年React Hooks是React生态圈里边最火的新特性了。它改变了原始的React类的开发方式，改用了函数形式;它改变了复杂的状态操作形式，让程序员用起来更轻松;它改变了一个状态组件的复用性，让组件的复用性大大增加。如果你是React的粉丝者或者正在使用React开…