文|ronghangon前端一个系统拥有大量的业务场景和业务代码，相似的页面和代码层出不穷，如何管理和抽象这些相似的代码和模块，这肯定是诸多团队都会遇到的问题。不断的拷代码？还是抽象成UI组件或业务组件？显然后者更高效。那么现在就面临一个选择：一是选择React生态中已有的组件库，例如antDesign、Material-UI等比较成熟的组件库；二是团队再开发一套属于自己的组件库。有赞前端团队选择
原创
2021-05-03 06:08:04
363阅读
大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！ 今天给大伙推荐一个React UI组件库MATERIAL-UI。MATERIAL-UI是一款用来实现Google的Material Design风格UI界面的框架，也是首个React的UI工具集之一。安装通过 npm 安装 M
转载
2021-01-30 10:04:29
129阅读
2评论
上次推荐了12个 Vue UI组件库，今天来推荐几个 GitHub 上流行的 React UI 库！1. Ant DesignGitHub 上超过 269 k 个项目使用了 Ant Design 组件库，Ant Design of React 是一个基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。Ant Design 组件库主要有以下特性：????
转载
2022-04-22 11:23:02
2081阅读
React组件设计组件分类展示组件和容器组件展示组件容器组件关注事物的展示关注事物如何工作可能包含展示和容器组件，并且一般会有DOM标签和css样式可能包含展示和容器组件，并且不会有DOM标签和css样式常常允许通过this.props.children传递提供数据和行为给容器组件或者展示组件对第三方没有任何依赖，比如store 或者 flux action调用flux action 并且提供他们
作为一款具有京东风格的组件库，我们一直致力于用心打造更符合开发者体验的组件库。NutUI-React v1 上线后我们团队也在不断的优化、测试、使用、迭代相关组件，但是在跨端小程序的开发过程中，React 技术栈迟迟未补齐，同时在我们零售集团内部 React 开发者的使用率及呼声越来越大，为了让 React 开发中更好的 使用 NutUI，我们决定加快 NutUI-React 小程序多端适配的步伐。
原创
2022-12-20 09:58:37
10000+阅读
如何开发自己的 React UI 组件库
在当今互联网快速发展的时代，构建一个可复用的 UI 组件库是增强系统整体可维护性的重要方式。我将分享如何开发自己的 React UI 组件库的重要步骤和经验，以帮助你更高效地完成这一任务。
### 问题背景
在一个多应用项目中，存在UI组件重复开发的情况，不仅影响团队的开发效率，还增加了技术债务。同时，缺乏统一的设计标准也导致UI一致性差。这使得业务
简介： 毫不夸张的说，Vite 给前端带来的绝对是一次革命性的变化。或者也可以说是 Vite 背后整合的 esbuild 、 Browser es modules、HMR、Pre-Bundling 等这些社区中关于 JS 编译发展的先进工...
转载
2021-06-18 11:11:00
125阅读
2评论
本文介绍了，React的组件化开发，React组件生命周期，React组件间的通信，React组件插槽用法，React非父子的通信，setState的使用详解
原创
2024-07-25 11:05:22
58阅读
（给前端开发博客加星标，提升前端技能）作者丨Max Rozen译者丨王强策划丨小智本文最初发布于 maxro
翻译
2021-06-30 13:51:26
150阅读
第三方库UI套件1， NativeBaseNativeBase 是一个广受欢迎的 UI 组件库，为 React Native 提供了数十个跨平台组件。在使用 NativeBase 时，你可以使用任意开箱即用的第三方原生库，而这个项目本身也拥有一个丰富的生态系统，从有用的入门套件到可定制的主题模板。 NativeBase 项目地址: https://github.com/GeekyAnts/Nat
转载
2023-11-01 22:22:51
258阅读
提升React移动端开发效率：使用Vant组件库在React移动端开发中，Vant组件库是一个强大的工具，它提供了丰富的预制UI组件，能显著减少重复代码编写，加速开发流程。下面我将逐步介绍如何利用Vant提升效率，包括安装、核心组件使用、优化技巧等。所有建议基于真实开发实践，确保可靠性和实用性。1. Vant组件库简介Vant是一个专为移动端设计的React UI组件库，源于Vue生态的Vant库
提升React移动端开发效率：使用Vant组件库在React移动端开发中，Vant组件库是一个强大的工具，它提供了丰富的预制UI组件，能显著减少重复代码编写，加速开发流程。下面我将逐步介绍如何利用Vant提升效率，包括安装、核心组件使用、优化技巧等。所有建议基于真实开发实践，确保可靠性和实用性。1. Vant组件库简介Vant是一个专为移动端设计的React UI组件库，源于Vue生态的Vant库
提升React移动端开发效率：使用Vant组件库在React移动端开发中，Vant组件库是一个强大的工具，它提供了丰富的预制UI组件，能显著减少重复代码编写，加速开发流程。下面我将逐步介绍如何利用Vant提升效率，包括安装、核心组件使用、优化技巧等。所有建议基于真实开发实践，确保可靠性和实用性。1. Vant组件库简介Vant是一个专为移动端设计的React UI组件库，源于Vue生态的Vant库
在讲如何做之前先说两个不大、却有点重要的问题～。 ps（文章最后有项目案例）1. 为什么要自己开发一个前端组件库？或者说，自己开发一个前端组件库有什么好处？我认为前端组件库是我们前端练习写一个library的最简单最有效的方式 （当然在面试中也算一个不错的亮点）。因为开发组件库的过程不仅练习了框架（vue/react）的使用，还集合了包括单元测试、UI输出、类型检查、打包构建等从头到尾一整套的知识
转载
2023-11-20 09:55:08
46阅读
0.state的设定原则，如果render里用不到，则就不应该是一个state。1.数组遍历时，用每一条数据的唯一标识作为key，尽量不要使用遍历的索引值作为key，如果它们从不重新排序，它们工作也很好，但是如果存在重新排序，性能将会很差。2.处理事件，推荐使用属性初始化语法，如下： 3.条件渲染，
转载
2018-05-26 23:35:00
232阅读
2评论
是测试驱动开发，是敏捷开发中的一项核心实践和技和技术。
原创
2022-09-22 12:27:47
75阅读
react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
转载
2023-07-14 13:40:39
117阅读
