共计 3918 个字符，预计需要花费 10 分钟才能阅读完成。
前言
时光飞逝，流年似水，让咱们倒带 2022，回首这跌宕起伏一年走过的“降级之路”。NutUI 体现如何？成绩单等着您打分！
2022 是 NutUI 在技术长廊中摸索和成长的第四个年头，悄悄度过了本人的“孩提“时光。NutUI 也从繁多 Vue 技术栈的组件库逐步成长为适配多端的多技术栈的组件库，降级设计规范「京东 APP 视觉」「京东科技视觉」，适配 Taro 框架反对小程序开发，拓展 React 技术栈，打造 NutUI 业务组件生态等。
2022 是不平庸的一年，新冠末年前端技术也急剧改革，低代码的风起（Retool），D2C 和 AI（codefun & ChatGPT）的涌动，对各行各业的开发者带来了很大的冲击。然而 NutUI 初心未变，做好 UI 组件，服务于原始的代码开发者，同时亦为低代码平台提供撑持，就在这一亩三分地里精耕细作。
2022，咱们相继实现了 React 技术栈的公布、多端小程序的适配、对组件性能进行比拟并补齐、减少单测、丰盛主题定制、齐备国际化性能、推出 IDE 插件，在线代码调试等性能。目标只有一个：「打造一款好用的挪动端组件库，为开发提效，为业务赋能，为开源奉献一份力量」
React 技术栈裁减
这一年，咱们实现了 React 技术栈的裁减。
NutUI 自公布以来都是以 Vue 技术栈为底座进行迭代和降级，随着团体外部及社区对 React 版本的呼声越来越高。2021 年 6 月咱们启动了 NutUI-React 布局并随即进入开发。
2022 年 1 月，公布 NutUI-React 1.0 版本。基于 React 17 和 更快的构建工具 Vite，全面应用 TypeScript，组件规模 60+。下半年咱们继续加码，修复问题 160+，降级到 React18，组件规模最终达到 70+，对齐了 Vue。NutUI-React 的设计与 Vue 版保持一致，诸如我的项目架构，小到组件的 props、events 都放弃产品的统一性。
NutUI-React 根本放弃每周一个版本的迭代频率，疾速解决开发者的诉求和问题，累计公布 26 大小版本。截止目前在团体外部 15+ 我的项目中失去利用，其中不乏一些策略级我的项目如京东万商。
多端小程序适配
这一年，咱们实现了 Vue 和 React 两大技术栈对小程序利用的反对。
始终以来 NutUI 都只是挪动端的 H5 组件，咱们通过团体内兄弟产品 Taro 对 NutUI 每一个组件进行深度适配，从 4 月份 NutUI-Vue 到 12 月份 NutUI-React 均实现了所有组件的适配。NutUI 实现从繁多的 H5 组件进化到小程序组件，为宽广小程序开发者带来便当和提效。
- 2021 年 6 月，NutUI-Vue 实现多端小程序的适配并公布「NutUI 3.1 正式公布：开启多端开发之路」。
- 2022 年 11 月，NutUI-Vue 公布京东小程序「NutUI 京东小程序公布了」。
- 2022 年 12 月，NutUI-React 实现多端小程序的适配并公布「京东 React 组件库反对小程序开发了」。
组件级款式批改
这一年，咱们实现了比传统主题定制更细粒度的组件级别定制。
区别于传统组件库的主题定制，咱们用「组件级款式批改」字样来表白，为实现「组件级款式批改」，咱们做了大量重构工作，抽取多达 500+ 款式变量，只为实现组件款式齐全定制化，最终实现不同业务场景不同的 UI（千场景千变 UI）。
NutUI 还提供 在线主题定制性能，可依据需要场景配置主题色，实时预览 UI 成果。主题定制配置层分为全局根本变量、组件根本变量，如组件库全局主题色彩、字体等款式；组件层的配置更细节，可设置如圆角、边框尺寸等。想疾速理解，请点击：一分钟上手主题定制
主题皮肤建设
这一年，在反对业务开发的同时咱们联结兄弟部门开发了 2 套主题：批发 B 商城主题、批发企业业务主题。截止目前累计有 4 套官网主题供开发者选用。
B 商城主题
京东批发 B 商城旨在打造全中国最大的综合性的 B2B 交易平台，构建衰弱的 B 业务生态，指标是成为中国最大的商家交易服务平台。B 商城整体还是京东红格调，但在细节方面有很大不同，从新输入了设计 UI 稿。
咱们在第二季度按 B 商城 UI 实现了 B 商城版主题，为开发者提供更多样式抉择。
企业业务主题
第三季度，京东企业业务逐步梳理并输入了视觉标准，咱们遵循企业业务视觉标准开发出了企业业务主题，服务于京东慧采、京东锦礼、京东企业购等产品。本套主题依据业务产品和设计师的需要独特批改制订，共波及 17 个组件，优化或新增 scss 变量近 100 处，实现对企业业务的定制化开发。
京东科技主题
最初，还有去年上线的京东科技主题（蓝色）NutUI-JDT，您能够依据我的项目诉求抉择这三套不同的 UI 格调开发我的项目。
组件国际化能力
这一年，咱们实现了组件国际化能力建设，翻译实现 4 套语言包。
2022 年第一季度接到外部京东国内研发团队的诉求（满足泰国站、印尼站挪动端需要），在 2022 年 5 月咱们实现了组件国际化能力建设。国际化反对多语言设置，反对繁体中文、英语、印尼语、泰语五种语言包，默认应用中文，间接引入 locale 和语言包就能够，如有其余语种可参考目前的语言包来疾速配置。
视频资源：NutUI 3.0 组件库通用能力晋升
组件性能差异性剖析和补齐
这一年，咱们剖析业界支流和出名挪动端组件库，比照了每一个组件性能，补齐 NutUI 缺失性能。
”三人行，必有我师焉“，2022Q1 开始咱们从组件的应用文档、性能点、API 维度 比照了业界支流组件库 Vant、Antd mobile、TDesign。并在接下来的 9 个月工夫内新增或革新组件 100+ props、优化组件文档 70+ 处、新增 Demo 20+。使得 NutUI 性能更加欠缺和文档更好用。
这里也有一篇视频分享：NutUI 组件能力剖析和夯实
新增暗黑模式
这一年，咱们全面晋升用户体验保护视力，新增 暗黑模式（深色模式）。
挪动端用户次要应用的是安卓和苹果零碎，手机零碎的显示亮度可抉择深色或浅色、即依据周边环境或工夫来调整 UI 的深浅色，让用户的眼睛更难受，也爱护了视力。为晋升用户体验感，NutUI 减少暗黑模式，依据手机的亮度模式主动适配，应用 ConfigProvider 配置一键自在切换。
组件品质晋升
这一年，进一步夯实组件品质，除失常每月的代码 Review 外，咱们为所有组件新增单元测试。
NutUI 现领有 70+ 组件，组件库的丰盛度齐全能够笼罩绝大多数业务场景。正所谓”慢工出细活“，减少单元测试性能，打磨组件的品质。单元测试的编写笼罩少数利用场景，使其测试覆盖率尽可能达到 80% 以上，每个单元测试都可主动执行，每个用例都独立且互相隔离，断言和快照等要害性能校验通过。单元测试无效排除 TS 类型、DOM 等谬误或不标准问题，进一步检测和排查到组件逻辑问题、动画成果异样等。
开发体验
这一年，为了晋升开发者体验咱们在官网新增了在线调试性能，在支流 IDE 开发了 NutUI 插件。
预览调试
并不是所有的同学对 NutUI 都一目了然，如何让大家疾速感知到组件的性能和属性？个别是浏览组件相干文档，组件的文档就要残缺和清晰，示例全面。通过社区的反馈和团队开发打磨，NutUI 的组件文档和示例也在循序渐进。
为晋升开发和浏览体验，所有组件 demo 中减少在线预览调试性能 codesandbox、codeHouse，可直观的感触组件的各种属性和办法。
预览，次要面向产品、测试、经营同学，通过批改组件的 props 看到实时成果；调试，次要面向研发同学，复现问题、测试交互及性能。
IDE 插件
”工欲善其事，必先利其器“，vscode 和 webStorm 仍然成为开发神器，以 IDE 为根底，年中咱们公布了一款开发辅助插件，它提供组件高亮能力，代码主动补全，疾速查看文档，props、event 阐明。
vscode 可到插件市场搜寻 nutui-vscode-extension 装置，联合 Vetur 工具应用更佳；webStorm 内只有我的项目内有 NutUI 就可间接体验；插件简化了切换浏览器、编辑器等的操作，让开发得心应手。
开源播种
这一年，在开源之路上咱们动摇前行，与泛滥社区开发者共享创作成绩，播种满满，心存感恩。
至 2022 年末，NutUI 开源类产品累计 star 6500+，NPM 下载量全年激增 6.8w，社区应用人数超过 3600+ 人。团队成员也踊跃加入社区技术论坛，分享建设教训。
NutUI 团队成员受邀加入早早聊分享会、k+ 寰球软件研发行业翻新峰会、K+Talk 等技术会议，分享 NutUI 的成长历程与技术升级。2022 年胜利入选“科创中国”开源翻新榜，同时作为开源我的项目加入 2022 凋谢原子开源大会。
感恩致力的您
NutUI 的成长离不开宽广社区开发者的 反馈和共建，目前 contributor 达到 150+，微信服务群有 4 个，外部咚咚群 3 个。2022 年开发者 commit 代码 3496 条记录，在社区开发者的共同努力下累计敞开了 3053 个 issue。
感谢您的每一次 PR!
2023 瞻望
2022 风劲潮涌，对于每个个体都是不平庸的一年。瞻望新的一年，NutUI 将持续奋楫扬帆，将求实进行到底，围绕研发提效和业务赋能一直夯实品质，体验翻新。
咱们行将迎来 NutUI 4.0 的到来，为了带来更好的产品体验，新版本升级了架构并有一些破坏性改变。咱们抽离出独自的 icon 图标库不便开发者应用本人的 icon 库替换、应用 pnpm 包治理、降级到 vite3 构建速度快 2-3 倍、组件对立 BEM 标准、应用最新的 CSS 动静主题个性、对组件瘦身体积缩小 100kb、采纳函数式组件等、新增 Tour 疏导组件，Pullrefresh 组件。官网拆分 H5，小程序利用的应用文档，提供新的代码格调指南等。
所有所有只为打造一款好用的挪动端组件库，2023 年农历春节前公布，敬请赐候~