React 的源码并没有你想象的那么简单，也没有你想象的那么难，本篇带大家了解 createElement 函数背后的实现

大家好，我卡颂。 虽然React官网用大量篇幅介绍最佳实践，但因JSX语法的灵活性，所以总是会出现奇奇怪怪的React写法。 本文介绍2种奇怪（但在某些场景下有意义）的React写法。也欢迎大家在评论

最近参与了一个 React + Typescript 组件项目，这个项目后期会开源，对代码的质量和工程化上有比较高的要求，因此需要进行工程化治理。通过这次工程化治理，笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施，在这里…

本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …

我是一名hooks API的忠实粉丝，然而它对你的使用会有一些奇怪的约束，所以我在本文中使用一个模型来把原理展示给那些想去使用新的API却难以理解它的规则的人。 本文提到的 Hooks API 还处于实验阶段，如果你需要的是稳定的 React API 文档，可以从这里找到。 我…

1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

1. 引言 为什么要了解 Function 写法的组件呢？因为它正在变得越来越重要。 how-are-function-components-different-from-classes 这篇文章带来了一个独特的视角。 2. 概述 原文事先申明：并没有对 Function 与 …

一般来说，无限循环被认为是不好的做法。但在一些边界 case 中，你没有任何选择，只能选择无限循环。了解 React 的无限循环模式是件好事。 当无限循环没有无法停止时，最终浏览器会杀死你的代码正在运

在Vue中，我们经常需要用watch去观察一个值的变化，通过新旧值的对比去做一些事情。 不过好在Hook的好处就在于它可以自由组合各种基础Hook从而实现强大的自定义Hook。 本篇文章就带你打造一个简单好用的use-watch hooks。 首先分析一下Vue中watch的功…