scratch-shaoer编程；AI code debug; js diff;有影响力的新 React 文档将如何影响 Web 开发的未来？;plabby-开源timeline组件;importmaps;windmill;6个不常见的react hooks;微服务之间通信的几种方式;Nodejs eventemitter的使用；Nodejs中处理文件流的正确方式;Nodejs程序监控接入最佳实践;TS 中枚举的问题;

type

status

date

slug

summary

👟 Articles

📖 Title: TS 中枚举的问题;

🔗 Link:https://blog.theodo.com/2023/03/are-typescript-enums-really-harmful/

👍 Some Contents

存枚举的声明可能导致转换的时候多了key问题

使用字符串枚举代替或者使用旧的js对象as const

📖 Title: Nodejs程序监控接入最佳实践

🔗 Link:https://voskan.host/2023/04/03/monitor-log-node-js-applications-master-elk-stack-prometheus-and-grafana/

👍 Some Contents

ELK：是 Elasticsearch、Logstash 和 Kibana 的首字母缩写；Elasticsearch-分布式的搜索引擎；Logstash 是一个数据处理管道，可以摄取、处理并将日志转发到Elasticsearch；Kibana是ES的可视化UI；

接入Prometheus 并且上报程序数据，并且通过grafana展示

💡

📖 Title: Nodejs中处理文件流的正确方式;

🔗 Link: https://austingil.com/file-uploads-in-node/

👍 Some Contents

上传文件被分成许多chunks，chunks连接起来就成了流

可以把chunck存起来放在内存中，但是可能不是很好的方式，文件太大可能打爆内存；(可以使用formidable 将文件流打到磁盘)

Buffer缓冲区是物理内存的临时存储，用于数据重一个地方传到另一个地方；(js不直接处理二进制，所以需要缓冲区)

文件二进制的码不是ascii可打印字符，所以无法被文本编辑器(utf8)打开，会乱码；

📖 Title: Nodejs eventemitter的使用；

🔗 Link：https://voskan.host/2023/04/01/a-complete-guide-to-the-node-js-event-emitter-pattern/

📖 Title: 微服务之间通信的几种方式;

🔗 Link:https://amplication.com/blog/communication-in-a-microservice-architecture

👍 Some Contents

同步HTTP调用 (发完请求等待)

HTTP

gRPC

REST

GraphQL

消息队列（异步消息，不依赖立即返回结果）

ActiveMQ

RabbitMQ

Apache Kafka

Cloud-based-messaging mechanisms like AWS Kinesis or AWS SQS

Publish/Subscribe Messaging 发布订阅模式

Apache Kafka

ActiveMQ

Redis

Event Streaming 事件流

• Apache Kafka

💡

📖 Title: 6个不常见的react hooks;

🔗 Link: https://itnext.io/6-new-reactjs-native-hooks-you-dont-know-b41fbe599b5c

👍 Some Contents

useTransition 使得不是很必要的setState延迟执行

useDeferredValue 某些变化很快的值defer变化避免依赖他的计算重复太多次

useInsertionEffect DOM插入后立即执行，可能相比于useEffect的调度执行更快

useMutableSource 自定义一个数据源

使用useId Hook可以生成用于辅助功能的唯一ID。

useSyncExternalStore Hook允许开发人员将组件的状态与外部存储同步。

📖 Title: import maps

🔗 Link:https://web.dev/import-maps-in-all-modern-browsers/?ck_subscriber_id=1866534082&utm_source=convertkit&utm_medium=email&utm_campaign=⚛️+This+Week+In+React+%23140%3A+React+Labs%2C+Server+Components%2C+Next.js%2C+Remix%2C+Storybook%2C+Astro%2C+refs%2C+Ark%2C+Impala%2C+Docusaurus%2C+Expo-Blur%2C+WebView%2C+AsyncContext...+%20-%2010463393

👍 Some Contents

📖 Title: 有影响力的新 React 文档将如何影响 Web 开发的未来？

🔗 Link:https://luketheweb.dev/blog/how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs?ck_subscriber_id=1866534082&utm_source=convertkit&utm_medium=email&utm_campaign=⚛️+This+Week+In+React+%23140%3A+React+Labs%2C+Server+Components%2C+Next.js%2C+Remix%2C+Storybook%2C+Astro%2C+refs%2C+Ark%2C+Impala%2C+Docusaurus%2C+Expo-Blur%2C+WebView%2C+AsyncContext...+%20-%2010463393

💡

react已经不推荐使用cra, 推荐使用next或者remix等等了；

❣️ Quote

quote

From: https://github.com/ruanyf/weekly/blob/master/docs/issue-249.md

理想情况下，你努力工作，早点把事情做完，然后就可以在一天的剩余时间里享受休闲时光。

因为你很有效率，所以你有时间照料花园、和朋友打牌、发发呆、学习新的食谱、与老朋友打电话，以及在大自然中散步。

但是实际上，你的效率越高，只会得到更多的工作。

全世界都注意到了，你完成任务的速度有多快，开始向你推送更多的事情。你回复工作邮件越快，只会让你收到更多的工作邮件，因为你的同事现在都习惯了你的快速回复。

这里的关键是，世界给你提供的工作量实际上是无限的。

如果工作是无限的，那么工作效率的提高，将无法帮助你更快地“完成”工作。

你原以为，多年来努力提高生产力和效率，应该会让你过上悠闲的生活，但你最终得到的可能只是倦怠。

生活中有无限的事情要做。你越想在有限的日子里塞满的东西越多，你就越会觉得自己输了。

你不可能访问世界上所有的城市，所以如果你觉得自己的目标是环游世界，走过最多的地方，那么你肯定会失望。

解决办法就是，不要把提高效率当作自己的目标，你要找出那些对你重要的事情，把它们放在更优先的位置，学会享受现在，不要把快乐推迟到未来。

📱 Products

🍞 name: windmill;

🔗 link:

📖 desc: turn scripts 2 workflow and UI;

🍞 name: plabby-开源timeline组件;

🔗 link:

📖 desc:

🍞 name: js diff

🔗 link: https://github.com/kpdecker/jsdiff#readme

📖 desc:

🍞 name: AI code debug;

🔗 link: https://www.producthunt.com/products/kodezi?utm_campaign=19827_2023-04-02&utm_medium=newsletter&utm_source=Daily+Digest&utm_term=editorial#kodezi-2-0

📖 desc:

🍞 name: scratch-少儿编程

🔗 link: https://scratch.mit.edu/

📖 desc: