前端周刊第18期(2022-08-29)

[Mizxinp]

Advanced React component composition

React组件composition进阶

Understanding useMemo and useCallback

通过例子细致的讲解了两个hook以及什么时候使用，值得阅读

The minimum TypeScript you need for React

React TypeScript最小知识集

从0到1使用Webpack5 + React + TS构建标准化应用

本篇文章主要讲解如何从一个空目录开始，建立起一个基于webpack + react + typescript的标准化前端应用。

• 技术栈: webpack5 + React18 + TS
• 工程化: eslint + prettier + husky + git hooks
• 支持图片、less、sass、fonts、数据资源(JSON、csv、tsv等)、Antd按需加载以及主题
• 支持热更新、资源压缩、代码分离（动态导入、懒加载等）、缓存、devServer

打包 JavaScript 库的现代化指南

本指南旨在提供一些大多数库都应该遵循的一目了然的建议。以及一些额外的信息，用来帮助你了解这些建议被提出的原因，或帮助你判断是否不需要遵循某些建议。这个指南仅适用于 库（libraries），不适用于应用（app）。
要强调的是，这只是一些建议，并不是所有库都必须要遵循的。每个库都是独特的，它们可能有充足的理由不采用本文中的任何建议。
最后，这个指南不针对某一个特定的打包工具 —— 已经有许多指南来说明如何在配置特定的打包工具。相反我们聚焦于每个库和打包工具（或不用打包工具）都适用的事项

ICSS

仓库收录了CSS的一些有趣技巧、动画等