📒 相关文章推荐
理解 useMemo and useCallback
React 错误边界指南
https://meticulous.ai/blog/react-error-boundaries-complete-guide/
何时使用 useLayoutEffect 而不是 useEffect
深度解析好文:为了让 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 开发者都应该学习函数组合
“为什么我们要放弃 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 的模块化跨栈方案探索
📒 配个 json,表单就出来了?FormRender 初探
📒 带你提前看看 Go 1.20 包括哪些重大变更和性能提升
📒 如何使用官方的 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
📒 深入浅出 Vite - 推荐阅读
📒 开发小技巧
npm scripts 中的 --
可以用来转发命令行参数:
{
"scripts": {
"build:weapp": "taro build --type=miniprogram",
"dev:weapp": "npm run build:weapp -- --watch"
}
}
📒 Element Plus 组件库核心技术揭秘:5. 从终端命令解析器说起谈谈 npm 包管理工具的运行原理
📒 一文吃透 React 和 Vue 的多节点 diff 原理
📒 vue中动态引入图片为什么要是require, 你不知道的那些事
📒 前端食堂技术周刊第 57 期:Turbopack、Next.js13、Chrome107、Vite3.2、图解 TLS 1.3
📒 我们如何用 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/
📒 哈啰下一代跨技术栈前端组件库 Quark Design 正式开源!
📒 深度解密Go语言之关于 interface 的 10 个问题
📒 《 关于我用拓展运算符把项目搞崩这件事 》
注意函数调用不能接受过长的参数:
const items = [];
const newItems=new Array(1000000)
// ❎ 以下两种情况,如果 newItems 很长容易导致爆栈问题
items.push(...newItems);
items.push.apply(items, newItems);
// ✅ 合理做法
items.concat(newItems);
items = [...items, ...newItems];