上次 #0 发出之后思考了一下本newsletter的结构，决定先分成文章、代码工具推荐和论坛言论精选三个模块，具体组成后面可以再优化。那么就让我们先开始吧。

📖 推荐文章

  1. 深入SWR 设计与源码分析，SWR 由 Next.js（React SSR框架）背后的同一团队创建。号称最牛逼的React 数据请求库。文章分析了SWR 源码，学习核心功能的实现方式，值得一读。
  2. Building a JavaScript Bundler ，一个手摸手写一个 js 打包器的文章。属于作者的JS 架构系列文章中，整个系列都挺好的。
  3. Why I avoid async/await 作者在文章中借 比较 async 和 Promise ，其实主要是在说大家对 async 的使用存在一些误区。”async/await 绝对没有任何问题，主要问题是如何在最广泛可用的教程中教人们使用 async/await。”
  4. How-To-Ask-Questions-The-Smart-Way 如何提问的艺术，建议提问网站把这个作为必学项目。
  5. 浅谈支付系统开发基本流程，可以结合 Stripe 的这篇博客一起看，支付流程在网上很常见，但是作为一个比较重要的流程，如何保障支付流程的安全与稳定是非常重要的。
  6. Button Design — UI component series 一篇讲解设计的文章，作为一个前端工程师，提高一些设计能力也是有所裨益的。

  7. 精读《JS 数组的内部实现》介绍了 V8 引擎的数组实现机制，每个 JS 执行引擎都有自己的实现，我们这次关注 V8 引擎是如何实现数组的。原文How JavaScript Array Works Internally?

    🔧 工具推荐

  8. EnvSetup 快速设置 Windows 环境的脚本集，可以很方便的安装一系列的软件。image.png

  9. off-canvas 一个 styled-components 的侧边弹窗组件。image.png
  10. scrollreveal JS 实现的滚动库，也是一个很常见的页面效果。image.png
  11. Nook Calendar 是一款免费的日历应用程序，适用于希望控制和灵活安排日程的个人和团队。image.png
  12. CSS2TailwindCSS 一个可以把css 代码转成 tailwind CSS 风格代码的在线工具。image.png
  13. Arraybuilder 在线的 map/filter/reduce 验证工具，可视化展示每个迭代方法的结果。image.png
  14. https://www.patterns.dev/ 一个前端开发技巧集合网站，包含前端框架设计模式，渲染模式和性能表现的模式。也提供文件下载image.png
  15. https://www.deviceinfo.me/ 一个展示浏览器可以获取到的系统信息的网站image.png
  16. Notus NextJS 一个基于Next.js 和 Tailwind CSS的后台管理Dashboardimage.png
  17. Writy 一个开源的基于 Next.js, Chakra UI 和 TailwindCSS 的网站编辑器image.png

💬 Twitter & Discussions

  1. “对于这些速成的人吧，我是真心觉得又菜又牛逼。菜就不说了，牛逼的是他们每天看着一堆不知所云的代码，一个小功能调半天还能忍下来，换我是绝对忍不了的。” —— [有 0.01 点点基础的人]自学前端的正确路线是？image.png
  2. SSR or CSR 该选择哪一个呢？image.png
  3. 年度最佳出炉了！github上的2万stars项目: hacker scripts.，如果每天都有很多重复的事情，也许你也可以和这个作者一样，搞一个自动化的脚本，包括但不限于自动给老婆发加班短信，自动帮同事恢复数据库，以及一键做咖啡… repo包含了各种语言的实现。知乎链接image.png

👋 写在最后

第一期主要是介绍最近的读的一些文章和发现的好的工具，如果你对我的周刊有什么想法或者对内容的意见和建议，欢迎联系我：

让我们下期再见！