前端周刊 | Mozilla 推出 MDN Plus; 阿里云盘推出会员; React 18 发布前最后一轮公众反馈

新的一周,快来看看上周发生了哪些新鲜事吧!

科技趣闻

1. RFC: 计划发布 React 18

这个 RFC 涵盖了 React 18 的新特性和变化。React 18 的发布已经非常接近了,React 团队希望获得最后一轮的公众反馈。

RFC(征求意见)流程旨在为新功能进入项目提供一致且受控的路径。在实践中,React RFC 有两个目的:

  • React 团队 RFC 由React 团队成员提交,经过广泛的设计、讨论和实验。这些 RFC 的目的是为社区预览设计并提供反馈机会。
  • 社区 RFC 任何人都可以提交。当发送 RFC 时,主要目标不一定是按原样将其合并到 React 中,而是与社区成员进行丰富的讨论。

RFC:Intent to Ship React 18:github.com/reactjs/rfc…

2. Mozilla 推出高级开发者服务 MDN Plus

MDN 提供了有关 Web 标准、代码示例、工具以及开发人员创建网站所需的一切信息。3月2日,Mozilla 推出了全新设计的 MDN 网站。3月24日,Mozilla 正式推出高级开发者服务 MDN Plus。这是 MDN 提供个性化和更强大体验的第一步。

MDN Plus 主要通过了三个新功能:

  • 通知: 可以获取有关 MDN 最新发展的通知。当关注页面时,会在文档更改、CSS 功能启动和 API 发布时收到通知。

  • 收藏: 使用新的收藏功能快速找到需要的内容。不仅可以选择要保存的 MDN 文章,还会自动保存经常访问的页面。

  • MDN 离线:有时访问 MDN 但没有互联网连接。MDN 离线版利用渐进式 Web 应用程序 (PWA) 让你即使在无法访问 Internet 的情况下也可以访问 MDN Web 文档,这样就可以继续工作而不会受到任何干扰。此外,使用 MDN 离线,可以在保存数据的同时获得更快的体验。

当然,MDN Plus 并不是免费的,其收费标准如下:

  • MDN Core: 提供免费的试用的限量版;
  • MDN Plus 5: 提供对通知、收藏和MDN 离线的无限访问,订阅费每月5美元或每年50美元。
  • MDN Supporter 10: 提供MDN Plus 5 中的所有内容,以及对新功能的早期访问,并为MDN 团队提供直接反馈渠道。订阅费每月10美元或每年100美元。

对于 MDN Plus 提供的三个新功能以及订阅价格,你怎么看?

3. 阿里云盘推出会员付费计划

从阿里网盘开始内测(2020.9)至今,已经过去了一年半的时间。3月24日,阿里云盘宣布正式推出会员服务,不过非会员仍保持不限速。具体来看,阿里云盘为用户提供月度、季度和年度三种付费方式,以及普通会员与超级会员两类会员形式。价格方面,会员每月 12 元;超级会员每月 30 元。如果按年支付,分别有 6.8 折和 8.0 折的优惠。

4. Ubuntu 发布全新Logo

近日,Ubuntu 新 logo 发布!新 logo 仍然使用熟悉的橙色+白色配色方案,但一贯的圆形风格被改成了直立的橙色矩形,手拉手的朋友圈放在矩形底部。

新的 logo 计划在 4 月 21 日发布的 Ubuntu 22.04 LTS 新版本和其他地方使用。

Ubuntu(乌班图)是一个基于Debian的以桌面应用为主的Linux操作系统。Ubuntu有三个正式版本,包括桌面版、服务器版及用于物联网设备和机器人的Core版。前述三个版本既能安装于实体电脑,也能安装于虚拟电脑。

更新速递

1. React 18.0.0-rc.3 正式发布

3月8日,React 18发布第一个候选版本,上周发布了第三个候选版本。距离正式版更近一步。

2. Node.js v17.8.0 正式发布

3月22日,Node.js v17.8.0 正式发布。此次更新主要内容如下:

  • 将@ShogunPanda添加到collaborators;
  • 弃用字符串强制转换fs.write、fs.writeFileSync;
  • 通过 perf_hooks (theanarkh) 跟踪 http 客户端;
  • 将 npm 升级到 8.5.5;
  • 将 undici 更新到 4.15.1 。

更新详情:nodejs.org/en/blog/rel…

开源趋势

下面来看看本周 Github上有哪些热门的前端项目吧!

1. appwrite

Appwrite是一个基于Docker的端到端开发者平台,其容器化的微服务库可应用于网页端,移动端,以及后端。Appwrite 通过视觉化界面极简了从零编写 API 的繁琐过程,在保证软件安全的前提下为开发者创造了一个高效的开发环境。Appwrite 可以提供给开发者用户验证,外部授权,用户数据读写检索,文件储存, 图像处理,云函数计算,等多种服务.

Star⭐:19.2k

本周Star⭐️:2316

Github地址github.com/appwrite/ap…

2. Amplication

Amplication 是一个开源开发工具。它可以帮助我们开发高质量的 Node.js 应用程序,而无需花费时间在重复的编码任务上。Amplication 自动生成使用 TypeScript 和 Node.js 构建的后端应用程序,以及使用 React 构建的客户端。

Amplication 构建数据库应用程序的特点如下:

  • 可视化或通过 CLI 管理的数据模型;
  • 自动生成的人工可编辑源代码;
  • 使用 Nest.js 和 Passport 构建的 Node.js 服务器;
  • 用于 CRUD 的 REST API 和 GraphQL,具有关系、排序、过滤、分页功能;
  • 自定义代码生成的应用程序;
  • 使用 React-Admin 构建的管理 UI;
  • 基于角色的访问控制;
  • Docker 和 docker-compose 集成;
  • 将生成的代码自动推送到您的 GitHub 存储库。

Star⭐:5.9k

本周Star⭐️:1970

Github地址github.com/amplication…

3. ToolJet

ToolJet 是一个用于构建业务应用程序的可扩展低代码框架。连接到数据库、云存储、GraphQL、API 端点、Airtable 等,并使用拖放应用程序构建器构建应用程序。使用 JavaScript/TypeScript 构建。

Star⭐:8.6k

本周Star⭐️:1768

Github地址github.com/ToolJet/Too…

4. lowcode-engine

lowcode-engine 是阿里巴巴推出的一套面向扩展设计的企业级低代码技术体系。其特性如下:

  • 提炼自企业级低代码平台的面向扩展设计的内核引擎,奉行最小内核,最强生态的设计理念
  • 开箱即用的高质量生态元素,包括 物料体系、设置器、插件 等
  • 完善的工具链,支持 物料体系、设置器、插件 等生态元素的全链路研发周期
  • 强大的扩展能力,已支撑近 100 个各种垂直类低代码平台
  • 使用 TypeScript 开发,提供完整的类型定义文件

Star⭐:3.5k

本周Star⭐️:1202

Github地址github.com/alibaba/low…

5. autocomplete

autocomplete 是一个终端自动完成的工具,支持在数百个 CLI 工具的强大自动完成功能。不需要进行任何配置。当我们输入时,Fig 会在现有的 macOS 终端中弹出子命令、选项和上下文相关的参数。

**Star⭐:**13.8 k

**本周Star⭐️:**911

Github:github.com/withfig/aut…

6. tRPC

tRPC 允许我们轻松构建和使用完全类型安全的 API,无需模式或代码生成。下面的客户端没有从服务器导入任何代码,只有它的类型声明。

Star⭐:4.4k

本周Star⭐️:869

Github地址github.com/trpc/trpc

7. Budibase

Budibase 是一个开源低代码平台,可在几分钟内创建内部应用程序。支持 PostgreSQL、MySQL、MSSQL、MongoDB、Rest API、Docker、K8s。

Star⭐:11.7k

本周Star⭐️:846

Github地址github.com/Budibase/bu…

工具推荐

下面来推荐五个开源的表格库。

1. Handsontable

Handsontable 是一个具有电子表格外观的 JavaScript 数据网格。它结合了数据网格功能和类似电子表格的 UX。它提供数据绑定、数据验证、过滤、排序和 CRUD 操作。适用于 React、Angular 和 Vue。由 Handsontable 团队提供支持。其具有多列排序、非连续选择、过滤数据、导出到文件、验证数据、条件格式、合并单元格、隐藏行/列、上下文菜单、注释等功能。

Github:github.com/handsontabl…

2. AG Grid

AG Grid 是一个功能齐全且高度可定制的 JavaScript 数据网格。它提供了出色的性能,没有第三方依赖,并且可以与所有主要的 JavaScript 框架顺利集成。支持 React / Angular / Vue / 纯 JavaScript。

Github:github.com/ag-grid/ag-…

3. tabulator

tabulator 是一个易于使用的交互式表格生成 JavaScript 库。Tabulator 允许我们在几秒钟内从任何 HTML 表格、Javascript 数组或 JSON 格式的数据创建交互式表格。 只需在项目中包含库和 css 即可!Tabulator 可与所有主要的前端 JavaScript 框架一起使用,包括 React、Angular 和 Vue。

Github:github.com/olifolkerd/…

4. vue-easytable

vue-easytable 是一个用于 Vue 项目的表格组件,它支持虚拟滚动、列固定、表头固定、表头分组、筛选、排序、单元格省略、行展开、行复选框等。

Github:github.com/Happy-Codin…

5. Vue-good-table

Vue-good-table 是一个易于使用、干净且功能强大的 VueJS 数据表,具有排序、列过滤、分页等基本功能。

Github:github.com/xaksis/vue-…

猜你喜欢

转载自juejin.im/post/7079965339735293966