第 06 菜谱：Signal：更多前端框架的选择
Hi，我是 Sea，欢迎打开新一期的「每周菜谱」，这是第「06」期，发表于 2023-02-26，我们先来看看每周有什么值得推荐的~
每周推荐
Signal：更多前端框架的选择
https://mp.weixin.qq.com/s/UDv4loT8iaTgkeFjeq-T-w
Signal：更多前端框架的选择，最近，Angular、Qwik 的作者「MIŠKO HEVERY」发文表示 Signal 是前端框架的未来，并考虑在 Angular 中实现它。在此之前，Vue、Solid.js、Preact、Svelte 都已实现 Signal。实际上，signal 并不是一个新概念，他还有很多别名，比如：
- 响应式更新
- 细粒度更新
How to handle errors in React: full guide
https://www.developerway.com/posts/how-to-handle-errors-in-react
Looking into how to catch and handle errors in React.
Usages, patterns and caveats of try/catch and ErrorBoundary, what’s possible, what’s not, and how to catch all errors, including async and errors from event handlers, with ErrorBoundary.
Modularizing React Applications with Established UI Patterns
https://martinfowler.com/articles/modularizing-react-apps.html
Established UI patterns are often underutilized in the frontend development world, despite their proven effectiveness in solving complex problems in UI design. This article explores the application of established UI building patterns to the React world, with a refactoring journey code example to showcase the benefits. The emphasis is placed on how layering architecture can help organize the React application for improved responsiveness and future changes.
React Component Composition
https://punits.dev/jargon-free-intros/react-component-composition/
图解 Composition
Multi-threaded React App using useWorker
https://dev.to/nilanth/multi-threaded-react-app-using-useworker-gf8
Web Worker allows using multi-threading in react apps for performing expensive tasks without blocking the UI. Whereas useWorker allows using the web worker APIs in a simplified hooks approach in react apps. Workers shouldn’t be overused, we should use it only if necessary or it will increase the complexity of managing the workers.
腾讯文档智能表格渲染层 Feature 设计
https://mp.weixin.qq.com/s/cLoE_RydYueo7OeYp4_56A
根据例子讲解与交互相关的 canvas Feature 设计
技术实践
通过发布订阅，实现多功能，多方向的 Message
https://juejin.cn/post/7198041700555079735
如何实现一个 Message 组件
一个企业级的文件上传组件应该是什么样的
https://mp.weixin.qq.com/s/fo8go6i507dAyOpHCGB2ng
我们来看一下,各个版本的文件上传组件大概都长什么样
| 等级 | 功能 |
|---|---|
| 青铜-垃圾玩意 | 原生+axios.post |
| 白银-体验升级 | 粘贴,拖拽,进度条 |
| 黄金-功能升级 | 断点续传,秒传,类型判断 |
| 铂金-速度升级 | web-worker,时间切片,抽样 hash |
| 钻石-网络升级 | 异步并发数控制,切片报错重试 |
| 王者-精雕细琢 | 慢启动控制,碎片清理等等 |
搭一套“ react-cli ”
https://juejin.cn/post/7033959447017816077
研究vue-cli搭一套react-cli 出来
原生 CSS Custom Highlight 终于来了~
https://mp.weixin.qq.com/s/8GXWG1JHIOHVWlsK-NxY1Q
介绍一个比较前沿但是非常有用的新特性：一个浏览器原生支持的 CSS 文本高亮功能，官方名称叫做 CSS Custom Highlight API[1]，有了它，可以在不改变 dom 结构的情况下自定义任意文本的样式
React Context 实现原理：它在 antd 源码里简直用的太多了
https://mp.weixin.qq.com/s/l6-DWRzUwDoWzwrM7uZlPQ
探究一下 antd 组件库是怎么用 context 的？context 又是怎么实现的呢？
拓展边界
2023 年最新最全 VSCode 插件推荐！
https://mp.weixin.qq.com/s/3XT3Wv5stDAd27lmw_uvXg
分享 2023 年前端必备的 VS Code 插件
一个程序员决定写代码到 60 岁
https://mp.weixin.qq.com/s/-91Z76WGF6O0uxyyGEcHMg
九道下班超省事一锅出料理
九道懒人做菜，吃饭还是懒点的好
简单描述工作内容 帮你生成完整周报
https://github.com/guaguaguaxia/weekly_report
只需几句，帮你生成完整周报~
小结
如果你喜欢每周菜谱，请转发给你的朋友，告诉他们来这里进行订阅~
订阅地址：https://mrseawave.github.io/blogs/
每周菜谱，让你做饭更开心~
第 06 菜谱：Signal：更多前端框架的选择
