奇舞周刊第 421 期：现代 Web 开发困局

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 现代 Web 开发困局

2021年，Web 开发整体上仍然处于比较低效的状态，各种开发，部署工具仍未很好的收敛，开发者仍然要面对选择框架，选择各种库，选择部署方式，沟通前后端接口等，一个完整的 Web 应用开发会牵扯很多不同的工种，而不同分工之间的协作却是很低效的，本文旨在能够很好的梳理当下 Web 开发的“困局”，以及我们通过何种方式，能够走出这些困局，解放生产力，希望能给未来的工具发展给出一定的预测和启发。

 可能是最完善的 React + Vite 解决方案，阿里飞冰团队发布 icejs 2.0 版本

在很多中小型中后台系统的业务场景下，往往都是一个开发者从前到后负责整体的研发，在这种场景下以往的前后端分离反而会增加代码管理、接口联调、发布部署流程等成本。得益于前后端都使用 JavaScript 带来的语言一致性，以及 Serverless 基建保障低运维成本，过去一年里，我们基于 icejs + midway-hooks 的一体化研发模式在阿里内部落地了众多中小型中后台系统，同时也为 C 端业务低成本的实现 SSR 方案提供了巨大支持。

 在 Vue 中为什么不推荐用 index 做 key

前端开发中，只要涉及到列表渲染，那么无论是 React 还是 Vue 框架，都会提示或要求每个列表项使用唯一的 key，那很多开发者就会直接使用数组的 index 作为 key 的值，而并不知道 key 的原理。那么这篇文章就会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。

技术实践

■ ■ ■

 从 0 到 1 解读 rollup Plugin

如何快速写个 rollup 插件

 一键配置开发环境——前端环境管理工具 AppToolkit 正式发布

AppToolkit 提供可视化配置环境的能力，屏蔽环境配置的复杂度和命令行的学习成本，帮助开发者简单快速搭建前端开发环境。

 前端监控的那些事

本文将对前端监控的原理做一些分析。

扩展边界

■ ■ ■

 数据流转可视化探索

在众多的可视化场景中，描述一组实体从某个状态到另外一种的状态的变化过程 (即数据流向转化) 是十分常见的需求。在业内我们通常会使用桑基图来处理这种可视化场景。

 写给前端新手看的一些模块化知识

模块化的前世今生

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。