共计 2571 个字符，预计需要花费 7 分钟才能阅读完成。
周刊首发于微信公众号“写代码的宝哥”，欢送各位前端小伙伴前来关注！
快讯
- 间隔 jQuery 1.0 公布已过来 17 年
- Node 20.6.0 将内置
.env文件反对：node -env-file=.env index.js
文章
- Use web components for what they’re good at。这篇文章是对 If Web Components are so great, why am I not using them? 的回应，Web Components 并不是一无是处，它有本人善于的某些方面，咱们要取长补短，充分利用好 Web Components 技术
- Shadow DOM: Not by Default – Enhance 是一个 HTML FIRST 的全栈 Web 框架（相似 htmx），团队成员 Simon MacDonald 解释为什么没有把 Shadow DOM 作为默认配置应用
- WebAssembly: byte-code of the future – 本文介绍了 WebAssembly（
.wasm）的基本概念、根本应用（浏览器和 Node 端）及将来瞻望
- Deep Dive: Caching and Revalidating – 深刻学习 Next.js App Router 构造下缓存及校验原理，作为官网文档 Caching in Next.js 的补充
- Using TypeScript in React – React 官网文档减少了 TypeScript 章节。深入浅出地介绍了 TypeScript 与 React 联合应用的所有常识，十分有用
- On React Suspense’s throttling – 在这篇文章中，作者讲述了嵌套
Suspense组件时会呈现的一些奇怪行为（作者 Andrei Gătej 的集体博客近期都是议论 React 方面比拟深刻的话题，值得一读） - Building a Two-Way Data Binding Hook for Form Inputs in React – 作者介绍了如何在 React 中通过 Hook 来实现与 Vue 中
v-model类似的双向数据绑定成果 - 📽️ React Query With The App Router – 11 分钟的视频介绍 React Query v5 是如何在 Next.js 的 App Router 架构中工作的
- Getting Started in a New Codebase – 如何开始一个新的代码库？作者给出了几点倡议
- How to make an impact as a developer advocate – 如何做一个有影响力的 Developer Advocate（DA）
- Why You Should Make a Game Engine: 5 Years as a Developer – 一位游戏引擎开发人员的 5 年感想。总结下来就是有能力、很侥幸
- Getting started with SCSS – SCSS 简略入门教程
- I built a garbage collector for a language that doesn’t need one – 作者闲来无事，为 Rust 写了一个垃圾收集器库（应用 Rust 语言），尽管 Rust 并不需要
- Val Town Runtime v3 – My mistakes were easy, the solutions simple – Val Town 是一个线上编写和运行代码的平台。本文作者谈了在建站时遇到的大坑。论断是：不要为 JavaScript 增加自定义性能，而是通过编辑器性能让规范 JavaScript 更简略
- What helps people get comfortable on the command line? – 本文列举了特地难受于应用命令行程序时一些场景。仅存在于命令行程序中的一些“杀手级利用”算一个，像 oh-my-zsh、fish 这类 shell 程序也算一个
公布
- Expresso TS 1.7.0 – Typescript + Node.js 轻量级框架，用于疾速构建后端利用
- Vitest v0.34.2 – Vite 驱动的单元测试框架
- Bun v0.8 – debugger 反对、SvelteKit 反对、一些新的 CLI tools
- FormKit 0.18.4 – Vue 表单框架
工具
- blog-cells：让你能够在任何博客或网站上增加代码片段。它与 Jupyter 笔记本相似，但由 JavaScript 驱动，齐全在浏览器中运行
- Styled2Tailwind – 一个 codemod，用于将 Styled-Components 代码转换成 TailwindCSS 代码。🌟 开发动机：Styled-Components 与服务器组件并不兼容，而 Tailwind 则能够直接插入，并且表现出色！
- Multi – MacOS 上一款收费的视频通话软件。好用的中央不仅在于能够近程视频聊天，还能成为多人合作软件。
- Excalidraw editor – 一个手绘格调的网页白板。repo。
资源
- You Don’t Know JS Yet (book series) – 2nd Edition – 2nd Edition”) – Kyle Simpson 的《你不晓得的 JS（第二版）》正在书写中，目前曾经曾经实现了 2 本。同样，所有内容都能够在 Github 上收费浏览
- Web Performance Tips ⚡ – 这个站点列举了很多对于晋升 Web 性能方面的 Tips。
库
- TypeChat – 编写程序时，ChatGPT 这类大语言模型（LLM）的发问失去的答复往往不能间接用于我的项目。TypeChat 就是 LLM 到应用程序之间的桥梁——通过预约义类型，由 TypeChat 为咱们定义 Prompts 并规范化 LLM 的返回的数据，并返回给咱们高度定义好的 Response
- useHooks 2.1 – 50+ 古代、服务器平安（server-safe）React Hooks 汇合，来自 ui.dev 团队
- UnoCSS – 按需、即时的原子 CSS 引擎
- Tremor – 用于疾速构建仪表盘页面（Dashboard）的 React 库
- Refine – 一个通用的 React 框架，疾速构建成熟的企业级 CRUD 我的项目
- React Hook Form – 高性能、灵便的 的表单 React 表单校验库，实用于 React Web 及 React Native。这里有篇教程可供学习
- AutoAnimate – 零配置、框架无关、即插即用的动画工具，为你的我的项目增加平滑的过渡成果
材料起源：Bytes #215、#216、React Newsletter #381 & DEV Community Newsletter
本文由 mdnice 多平台公布
正文完
