文章推荐
- React Compiler 理论和响应性 - React 团队一直在研究 React 编译器,“静态单一分配(SSA)“是编译器理论中的一个重要概念,React 编译器借鉴了这个概念,实现了更高效的值追踪和缓存。对于 React 组件中的状态和属性,通过适当的缓存、追踪,能够有效提升组件渲染性能。
- React 团队分享他们的工作进展 - React 更新了 Lab 中进行中的研究与开发计划的最新情况,重点包括 React Compiler、Actions、和即将发布的 React 19 的主要特性。React Compiler 现已在 Instagram 生产环境中运行。Actions 成为一个功能更广泛的集合,票亮可以支持客户端和服务器端的数据处理。
- 使用 Server Actions 探索 Next.js 表单 - 作者深入研究了使用 Next.js 14 中的表单,包括 Next 的 App Router、React Server Components (RSC) 和 Server Actions。这个全面的教程涵盖了 React/Next 的原生方面,如
useFormStatus
、useFormState
和revalidatePath
。 - Node.js 在 2023 年的总结 - 文章提供了项目在2023年的主要改变和讨论,以及过去十年的提交统计数据。2023年,Node.js的主仓库收到了2641个提交。值得关注的是,即使如此成熟的项目,Node.js在过去的年份中仍在显著发展,这可能得益于Grace Hopper’s Day等各种活动的推动。此外,Node.js 在 2023 年进行了102次发布,并且值得注意的是,14、16和19版现已到达生命周期终点,而18版处于维护模式。
- 防御 Node.js 中的 SQL 注入攻击 - 了解为什么和在哪里 SQL 注入攻击构成威胁,以及一些初始的方法来保护您的 Node 应用程序免受这些攻击。
- 如何使用 TypeScript 在 2024 年开发 Node 服务器应用 - 教程介绍了如何使用 TypeScript 设置现代的 Node 项目,包括热重载和加载环境变量。
- When Less is More: Database Connection Scaling — 一个 Postgres 服务器可以处理的连接越多越好,对吗?并不总是如此。如果
max_connections
设置为一个不切实际的数字,即使这些连接没有被使用,也会产生负面影响。
开发利器
- Math.random() 分布可视化。
- Puppeteer 22.2 - 使用 Node.js 控制 Chrome 浏览器,现在支持 Chrome 122 版本。
- Functional UI Kit: 一个统一 Figma 和 React UI 组件库 - 这是一个试图弥合设计和代码之间鸿沟的伟大尝试,由 Figma 的 Community Creators Fund 资助。
开源与库
- React-Uploady 1.8:文件上传组件和 Hooks - 简单但可定制。您将获得文件上传按钮、预览、拖放上传区域等功能。
- react-resizable-panels 2.0.11 - 可调整大小的面板组/布局的组件。
- TanStack Table 8.13 - 用于构建表格和数据网格的 Headless UI。
- React Big Calendar 1.11 - 类似于 GCal/Outlook 的日历组件。
- Systeminformation:用于 Node 的系统信息库 - 如果您想查询您的 Node 程序运行的环境信息,这个库适合您,它可以获取有关音频设备、蓝牙设备、打印机、USB、CPU、架构、WiFi 等的信息。
- PGlite: Postgres in WebAssembly — 人们之前已经将 Postgres 引入到 WebAssembly 环境中,但通常需要在其中添加一个 Linux VM 层。PGlite 将一个 WASM 构建的 Postgres 打包成一个 TypeScript 库,可以在浏览器、Node.js 或 Bun 中运行,而且只有 3.7MB 的压缩大小!
- Apache ECharts 5.5: 强大的可视化库 - ECharts是一个强大且简单易用的可视化库,它具备很高的灵活性和简洁性。你可以通过它做很多事情,而不会让代码变得复杂。v5.5 增强了对 ESM 的支持,添加了服务器端渲染支持,并且允许创建不完整的饼图。