Libra前端周刊-第50期

83 阅读5分钟

下周春节,停刊一周,停刊的日子好爽。

一个东西

喜卷长乐城

武雨泽导演的最新喜剧片,马天宇,卜冠今主演,还有成果,张一铎等,讲述了,一群少男少女在长乐城的居住生活,类似古代版的爱情公寓。说到导演武雨泽,如果大家看过一起同过窗或者我有一个朋友,那应该认识但愿人长久的路小舟和北啸海,没错就是他。

一个项目

Rsdoctor

字节Rspack家族最新的一个成员,是一个面向构建过程与构建产物提供诊断和分析的一站式工具,优势是将编译行为及耗时进行可视化展示,方便开发同学查看构建问题。

一揽子文章

好的文章推荐

New client-side hooks coming to React 19

文章简介:

React 19 即将推出新的客户端 Hooks,主要解决数据获取和表单处理的问题。这些 Hooks 包括 use (Promise)、use (Context)、Form actions、useFormState、useFormStatus、useOptimistic 和 Async Transitions 等,能够极大地提高 React 开发者的产力,不适用于 SSR 应用,也适用于单页应用。这些新特将使数据获取和表单处理变得更加简单,提升 React 开发体验。

编者说:

React 19 的新 Hooks,主要是为了解决数据获取和表单的问题,关于数据获取,use这个hook某种意义上让我们避免在useEffect中去请求数据,配合suspend使用,对于简单的组件和页面还是有一定优势的。Form actions、useFormState、useFormStatus 这三个针对form表单的hook也方便了我们简单的使用form,当然对于复杂一点应用,看起来还是react query, react hook form 等第三方库有优势,只能说对于一些没那么复杂的应用,可以在不引入第三方库的前提下比较优雅的实现一些数据获取和表单操作了。

Web Components in Earnest

文章简介:

本文主要介绍了作者通过构建一个调色板生成器应用程序 Ghola 来深入研究 Web 组件的经验。作者使用了自定义元素 API,并避免了模板、插槽和影子 DOM,将重点放在了增强元素内部的功能上。他发现使用自定义元素 API 的一些有效方法,并分享了一些意外发现和令人愉快的经验。文章包括应用程序的概述、代码详细解析、测试方法、开发环境和一些问题的讨论。

编者说:

我本人其实一直很看好web components,不过web components从诞生到现在一直不温不火,文章很详细得介绍了如何使用web components构建一个真实的,可用的组件,并且还有完整的代码,如果您想真正体验一下使用 web components和 JavaScript 构建整个应用程序的旅程,可以照着实现一遍。

React Libraries for 2024

文章简介:

2024 年的 React 库有许多选择。以下是其中一些:

  1. Redux:一个可预测状态管理容器,使得在 React 应用中管理和共享状态变得更容易。
  2. React Router:一个用于构建单页面应用程序的路由库,可以帮助您管理不同页面之间的导航和 URL。
  3. Material-UI:一个基于 Material Design 的 UI 组件库,提供了一套美观且易于使用的 React 组件,用于构建用户界面。
  4. Apollo Client:一个用于构建现代 GraphQL 应用程序的完整解决方案,它与 React 无缝集成,提供了强大的数据管理和缓存能力。
  5. Styled Components:一种利用模板字面量语法在 React 中编写样式的方法,使得样式的组织和重用更加简单。

这些库都有广泛的社区支持和活跃的开发者生态系统,值得在 2024 年的 React 项目中考虑使用。

编者说:

一个很有用的文章,在react生态中你可以使用哪些库来实现你的功能,在基于React做技术选型时,可以参考一下,当然不能盲目堆砌第三方库,有时候你的业务场景其实使用原生的React就能很好的实现。

一句话新闻

apple vision pro正式发售

美国时间2月2日,苹果混合现实(MR)头戴式设备VisionPro正式发售,售价为3499美元(约合人民币2.5万元)预售2周销量已超过20万台。

黄玄上恋综

React团队前成员黄玄去参加江苏卫视的恋综《也许你要恋爱了》,前端圈果然是程序员中最贴近娱乐圈的了。

上海恢复浦东机场区域内网约车运营服务

1月29日,上海市道路运输管理局发布《关于禁止网约车在浦东机场运营的通知》(简称“通知”)。其中提到,为确保浦东机场陆侧交通顺畅有序,特别是春运期间,严格禁止网约车在浦东机场区域揽客运营。

2月4日凌晨,上海市交通委决定,从即日起恢复浦东机场区域内网约车运营服务,市民乘客可通过各网约车平台在浦东机场区域内预约用车。