前端笔记

之前介绍了useModal的简单封装思路，但是这种方法有一个副作用：弹窗的关闭的动效没了。本文将阐述其原因以及解决的办法。

上一篇文章中介绍了以HOC的方法封装一个withModalapi，将代码量压缩了一半。本文将以hooks的方式封装useModal，能够将代码再压缩一半

表单弹窗是中后台系统中最常见的一个组件，而合理的组件设计能大量减少冗余代码，文本介绍如何设计一个withModal的弹窗高阶组件

说起前端组件通信，大家都能想到好几个办法：父子props相传、提升公共state、使用Context，那么抛开框架，两个独立的组件，我们应该如何让他们相互通信呢？

本文介绍create react app及脚手架的webpack配置，采用的是其当前最新的代码，基于webpack5。之后会介绍其eject命令的实现和主要内容。

Recoil 是 React的一个轻量且高性能状态管理库，api简单，相比redux，recoil对状态的管理和组织更加灵活。

AVA是一个轻量级测试工具，不仅api简单，还能并发执行测试，没有隐式的全局变量，对ts lib类的项目测试特别友好。

cli免不了需要手动运行一些命令，或者打印一些提示，或者做一些比较、字符处理等，社区里已经有了一些非常优秀的轮子，这篇文章便介绍这些小工具。

上一节介绍了两个交互的库，这一节再介绍文件与模板操作的几个库 文件操作：fs-extra、men-fs-editor、handlebars、plop

让ts根据实参的类型推导函数返回值类型是一个常见的需求，本文通过两个常见场景介绍泛型和泛型约束的使用技巧。

React的生态非常庞大，各种lib层出不穷，本系列将介绍其中最受欢迎的一些lib，并给出快速入门的实践案例。本期介绍的是React Query。

上一节分析了createReactApp.js中的逻辑，这一节继续解析react-scripts中的逻辑

我们将跟着package.json顺藤摸瓜理清create-react-app的执行流程，并深入源码探究各种细节。

即便多年多去了，各类新脚手架层出不穷，也越来越强大，但cra仍然占据着重要的位置。想要真正做一个企业级的脚手架，研究cra的源码是一个非常好的入门手段。

Yeoman一般用来快速创建符合自身实践原则的项目脚手架，因此必定需要自定义一个generator。本文讲述如何编写一个generator，以及如何测试、发布。

what generator是一个npm包，包名以generator-开头,如generator-webapp,全局安装后，执行命令yo webapp实际上就是执行该generator。

前端脚手架是前端工程化的一个重要里程碑，而Yeoman是快速实现脚手架的一个重要工具。同时，yeoman的设计理念，对我们自己开发一个脚手架也有很好的启发。

array的`at`已经被官方采纳，并成为ES2022的一部分。以后我们访问数组元素有更友好的语法糖了。

为什么return Promise.resolve()后续的执行会慢两拍？promise规范中关于返回thenable情况的解释该如何理解？