Harry杨酱

父组件中使用createContext创建的Context.Provider。这个组件允许消费组件订阅Context的变化。当 Provider 的 value 值发生变化时，它内部的所有消费组件都会重新渲染 在上面代码中child就能够消费在parent中定义的值。 但是上面…

GitHub 在之前的一次更新中，为每位 GitHub 用户的仓库加入了魔法，可以把 README 展示在 GitHub 个人主页。一个前端程序员的 README 能写到多好看？话不多说，先上图~

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

更多小诀窍会在官网持续补充。如果对于以上case有疑问或者新的问题，请写在评论区，我们会很快回复～ 接下来还会发更多AST代码转换的专题文章，请持续关注阿里妈妈前端快爆。

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

如果对这个例子很清晰，大佬请点击右上角。 如果不清楚 我们可以来往下共同探索一番。。 Partial 作用是将传入的属性变为可选项. 我们发现一个有意思的用法 -?, 这里很好理解就是将可选项代表的 ? 去掉, 从而让这个类型变成必选项. 与之对应的还有个+? , 这个含义自然…

前言 业务快速发展，业务组件库也在快速迭代。当组件Props发生变化，开发需要额外的消耗一定精力去保持代码和文档的统一。如下表是一个Select组件的API文档(字段摘自fusion的Select组件

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

相信有些读者已经听说过 DRY 原则，DRY 的全称是 —— Don't Repeat Yourself ，是指编程过程中不写重复代码，将能够公共的部分抽象出来，封装成工具类或者用抽象类来抽象公共的东西，从而降低代码的耦合性，这样不仅提高代码的灵活性、健壮性以及可读性，也方便后…