书籍介绍：《React进阶之路》详细介绍了React技术栈涉及的主要技术。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要介绍React的基本用法，包括React 16的新特性；进阶篇深入讲解组件state、虚拟DOM、高阶组件等React中的重要概念，同时对初学者容易困惑的知…

2019 年开始，在使用React的时候，已经逐步从 Class 组件，过渡到函数组件了。虽然函数组件十分便捷，但是在使用函数组件的时候，还是有一些疑惑的地方，导致有时候会出现一些奇奇怪怪的问题。在这里，我想通过官网和博客文章以及自己的一些积累，整理下最佳实践，以备不时之需。 …

“路由页面跳转后状态保存”指的是在开发业务需求过程中经常会碰到的一种情况——在一个页面（通常是表格页）进行一顿猛如虎的操作之后，点击某一项详情进入另外一个页面之后再返回（点击后退按钮），上一页还可以保持原先的状态不变（页面、搜索词等）。 主要是为了用户体验。试想一下当你辛辛苦苦…

Decorator是在 声明阶段 实现类与类成员注解的一种语法。 说的直白点Decorator就是 添加 或者 修改 类的变量与方法。 在开始使用mobox，我们还需要纠结一个东西，就是配置环境启用ES7的修饰器语法，当然，如果你不需要修饰器，可以跳过这一部分。 以上代码中，通…

本文是自己最近再学习React的总结和记录。尽力把每个示例代码都写了出来，尽力写的通俗易懂一些，也算是锻炼自己的讲述能力，据说给别人讲的话学的会更快，所以写下此文。 传送门 好像没用，本地都可以......... 在constructor设置状态。使用setState来改变状态…

在 react16 没有正式公布以前，业界的人员以为这次的 react16 就叫做 Fiber，足以说明 Fiber 的重要性。fiber 在英文中意为纤维，此处意为比线程还细的单位。Facebook 取名 Fiber 的意思是为了描述一个比线程更小单位的渲染机制。用一句话来描…

React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。官网传送 一个经常被问到的问题就是，如何不使用单例来组合多个 stores 。它们之间如何通信呢？ 答案就是…

而在游戏里面，似乎采用了静态贴图，这可能是由于手游没有这样的交互动作，所以显得有些差强人意。 这一次，我们试着在 web 里面实现类似的效果。 步骤分为 4 步。 1. 分层 分开两层图层，数字层与网格层。 让数字层放在网格层之上，大概就是这种感觉。 实际 dom 的排列顺序保…

自从React 16.8发布Hook之后，笔者已经在实际项目中使用Hook快一年了，虽然Hook在使用中存在着一些坑，但是总的来说它是一个很好的功能，特别是在减少模板代码和提高代码复用率这些方面特别有用。为了让更多的人了解和使用Hook，我决定写一系列和Hook相关的文章，本篇…