Skip to main content

11月6日内容汇总

· 7 min read
加菲猫

📒 相关文章推荐

理解 useMemo and useCallback

https://www.joshwcomeau.com/react/usememo-and-usecallback/

React 错误边界指南

https://meticulous.ai/blog/react-error-boundaries-complete-guide/

何时使用 useLayoutEffect 而不是 useEffect

https://javascript.plainenglish.io/react-hooks-when-to-use-uselayouteffect-instead-of-useeffect-3271a96d881a?gi=622ccbf807f3

深度解析好文:为了让 React 更好

https://acko.net/blog/get-in-zoomer-we-re-saving-react/

创建现代 npm 包的最佳实践

https://snyk.io/blog/best-practices-create-modern-npm-package/

useSyncExternalStore:被低估的 React API

https://thisweekinreact.com/articles/useSyncExternalStore-the-underrated-react-api

为什么每个 React 开发者都应该学习函数组合

https://medium.com/javascript-scene/why-every-react-developer-should-learn-function-composition-23f41d4db3b1

“为什么我们要放弃 CSS-in-JS” - Emotion 是一个用 JavaScript 编写 CSS 的流行库,但它的一位贡献者讲述了为什么他的团队总体上放弃了 CSS-in-JS 的想法。

https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b

在 React 中使用 use - 一个新的 Hook 即将到来

https://vived.io/new-hook-is-coming-to-react-frontend-weekly-vol-109/

⭐️ 理解 Next.js 中的 CSR、SSR、SSG、ISR 以及 Streaming

⭐️ 【第2774期】基于 Module Federation 的模块化跨栈方案探索

⭐️ 组件库Monmrepo架构与开发调试环境构建

📒 你了解 Cookie 中的 SameSite 属性吗

📒 配个 json,表单就出来了?FormRender 初探

⭐️ Go每日一库之调用外部命令的几种姿势

📒 带你提前看看 Go 1.20 包括哪些重大变更和性能提升

📒 GitHub上高质量数据结构与算法项目推荐!

📒 如何使用官方的 Node.js Docker 镜像

https://www.docker.com/blog/how-to-use-the-node-docker-official-image/

📒 Node v18 现在进入 LTS 阶段(v18.12.0)

直至 2023 年 10 月,之前作为 current 版本的 v18 将作为 active LTS 存在,并拥有所有最新的功能特性。本版本的代号是 “氢”——宇宙中最丰富的元素。

https://nodejs.org/en/blog/release/v18.12.0/

📒 route-list:显示 Express/Koa/Hapi/Fastify 路由

如果你想以一种优雅的方式查看基于 Node 的 webapp 的所有路由,那么可以试试它。

https://github.com/VladimirMikulic/route-list

📒 现代 CSS 指南 -- at-rule 规则必知必会

📒 深入浅出 Vite - 推荐阅读

📒 开发小技巧

npm scripts 中的 -- 可以用来转发命令行参数:

{
"scripts": {
"build:weapp": "taro build --type=miniprogram",
"dev:weapp": "npm run build:weapp -- --watch"
}
}

⭐️ 极致编译速度,一文搞定webpack5升级

📒 Element Plus 组件库核心技术揭秘:5. 从终端命令解析器说起谈谈 npm 包管理工具的运行原理

📒 一文吃透 React 和 Vue 的多节点 diff 原理

📒 看 Go 中的 struct 如何被优化,还有小插曲

📒 Go for 循环有时候真的很坑

📒 用Go学设计模式-提炼流程,减少重复开发就靠它了!

📒 vue中动态引入图片为什么要是require, 你不知道的那些事

⭐️ 聊一聊常见的构建工具关于插件机制的那些通用套路

📒 Chrome 最近带来了哪些有意思的新东西

📒 深入剖析容器技术基础

📒 前端食堂技术周刊第 57 期:Turbopack、Next.js13、Chrome107、Vite3.2、图解 TLS 1.3

📒 Go 语言终极搜索插件

📒 压缩 70% 下载流量 - 记一次店铺优化专项

📒 我们如何用 Next.js 提高 70% 的 React 加载时间

通过用 Next.js 替换 Create React App,商业计划平台 Causal 通过减少加载时间显著改善了用户体验。怎么做到的?一点 SSR 就能帮你很多。

https://www.causal.app/blog/next-js

📒 “为什么我们要放弃 CSS-in-JS”

Emotion 是一个用 JavaScript 编写 CSS 的流行库,但它的一位贡献者讲述了为什么他的团队总体上放弃了 CSS-in-JS 的想法。

https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b

📒 在 React 中使用 use - 一个新的 Hook 即将到来

上周我们在一个叫做 use 的新 Hook 后面介绍了 RFC —— 这里有一个更容易理解的介绍。“这个不起眼的发明可能永远改变我们将数据输入应用程序的方式。”

https://vived.io/new-hook-is-coming-to-react-frontend-weekly-vol-109/

📒 程序员应该遵守的编程原则(不止Gopher哦)

📒 前端工程化基建探索:从内部机制和核心原理了解npm

📒 哈啰下一代跨技术栈前端组件库 Quark Design 正式开源!

📒 深入浅出JavaScript异步编程

📒 深度解密Go语言之关于 interface 的 10 个问题

📒 手撸源码系列 - cache2go

📒 《 关于我用拓展运算符把项目搞崩这件事 》

注意函数调用不能接受过长的参数:

const items = [];
const newItems=new Array(1000000)

// ❎ 以下两种情况,如果 newItems 很长容易导致爆栈问题
items.push(...newItems);
items.push.apply(items, newItems);

// ✅ 合理做法
items.concat(newItems);
items = [...items, ...newItems];

《 关于我用拓展运算符把项目搞崩这件事 》

📒 前端性能优化到底该怎么做(下)- 直捣黄龙

📒 Go语言爱好者周刊:第 165 期 —— 基于 fyne 实现一个简单计算器