京东零售开源项目NutUI是一套京东风格的轻量级移动端组件库，开发和服务于企业级产品的移动端Web界面。随着NutUI的用户越来越多，社区交流群中对React版本的呼声也越来越高。响应社区呼声，我们于2021年6月开始规划并启动React版本的开发，经过长时间的研发和打磨，React版本终于来啦！NutUI是一个京东风格的多端统一开发组件库，之前只有Vue语言版本。还支持使用Vue3编写可同时运行在小程序和H5平台的应用，帮助开发者提高效率，提升开发体验，降低多端开发成本。自2018年开源以来，NutUI逐渐受到业界的关注。其创造良好开发体验的初衷，不断打磨升级，得到了内外部开发者的广泛认同，这对我们来说无疑是一件鼓舞人心的事情。随着用户的增多，React版本在社区交流群中的呼声也越来越高。我们积极响应社区的呼声，于2021年6月开始规划并启动React版本的开发。经过长时间的开发打磨，NutUI-React终于要和大家见面了！NutUI-React在技术和视觉上都做了很大的改进，让组件看起来更华丽，让开发者用起来更舒心。先看源码：https://github.com/jdf2e/nutu...组件概览本期共有45个组件，包括基础、布局、导航、操作反馈、数据录入五个大类以及一些京东特色组件，满足绝大部分业务场景的需求。结合项目中的应用，重点关注“数据交互”和“行为交互”组件，如Toast、Dialog提示组件、PopUp、Picker等选择面板组件，InputNumber、Rate、Address等电商风格组件组件，经常一起使用来处理移动分页和返回顶部Infinite和BackTop等。技术亮点1.基于稳定的React17React17的定位是让React本身升级更容易。与上一版相比，此次修改较为平和，没有太大的改动。2021年11月15日，React18进入Beta阶段。在面向未来的React组件库中采用React17将有助于组件库实现React18或未来的React版本。对你现在的项目升级到17是划算的，也方便你引入NutUI-React组件库。2、按需加载NutUI-ReactJavaScript代码默认支持基于ESModules的TreeShaking，并提供详细的文档支持和简化的配置选项。这一点也是用户非常关心的一个技术点，对我们项目中打包代码量有很大的帮助。3、支持主题定制目前NutUI-React提供了京东风格的工厂主题，同时也提供了完整的Sass文件，支持通过SassadditionalData定义个性化主题。4.全面使用TypeScriptNutUI-React引入TypeScript4，加强了对TypeScript的严格类型验证和Demo输出的严谨性。我们采用react/recommended、react-hooks/recommended、@typescript-eslint/recommended、prettier/recommended等通用代码规范，加强对StyleLint和ESLint（包括TSLint功能）的校验，从而实现组件库的交付在质量上更上一层楼，让您放心使用。5、基于Vite构建工具的组件库项目基于Vite构建工具。使用Rollup的Vite大大提高了开发者在开发阶段的热更新效率，配置开箱即用。视觉体验遵循Vue3版本的视觉规范，采用京东APP10.0设计语言，结合京东众多应用场景，对已有组件进行梳理优化，为页面开发提供视觉规范基础。站点，并进一步完善标准化设计语义的定义。文档展示延续了Vue版的风格和习惯，方便老用户使用。实施方面发生了重大变化。此次，整个文档中心从组件库的源代码中拆分出来，适配多语言多版本的文档展示。从开发人员的角度来看，当前版本需要关注NUTUI-Docs代码库。作为用户，我们留下了一个小彩蛋，一些组件集成了一个“在线代码编辑器”，可以在线编辑，所见即所得，期待你找到这些小彩蛋，这个功能计划用于春节后全部开放。至此，相信大家对React组件库元旦版有了一个大概的了解。与市面上所有的组件库一样，希望能为您带来高效、友好的开发体验。同时也希望能给大家带来更严谨的代码体验和更丰富的代码示例。我希望TA就像一本书，供你在饭后茶后阅读和欣赏。希望TA像伙伴一样，在你工作的时间里共同创造疑惑，解惑解惑。安装npmi@nutui/nutui-react项目使用NutUI-Reactimport*asReactfrom"react";import*asReactDOMfrom"react-dom";import'@nutui/nutui-react/dist/style.css'import{图标}来自'@nutui/nutui-react';ReactDOM.render(
