当前位置: 首页 > Web前端 > HTML

想做前端开发的,试试这个React组件库

时间:2023-04-02 13:02:03 HTML

大家好,我是为广大程序员兄弟操碎了心的小编。每天推荐一个小工具/源码,收藏,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标!今天给大家推荐一个ReactUI组件库MATERIAL-UI。MATERIAL-UI是一个实现GoogleMaterialDesign风格UI界面的框架,也是React最早的UI工具集之一。通过npm安装Material-UI的源代码$npminstall@material-ui/core或者你可以使用CDN加载默认的Roboto字体如果要使用Icon组件,前提是要安装Materialiconsfont使用图标安装://通过npmnpminstall@material-ui/icons//通过yarnyarnadd@material-ui/icons快速启动这里是一个快速导入示例,可帮助您入门从'react'反应;从'react-dom'导入ReactDOM;从'@material-ui/core/Button'导入按钮;functionApp(){return(你好的,世界);}ReactDOM.render(,document.querySelector('#app'));项目预览着陆页示例:一个简单的着陆页控制面板示例:这是一个带有用于栏和迷你变体抽屉的最小化管理面板的任务。此图表由Recharts提供,但可以轻松替换为其他画廊示例:这是一个带有英雄单元格和页脚的响应式画廊/展览页面布局。定价页面示例:使用此页面布局,您可以为潜在客户快速创建有效的价目表。支付页面示例:这是一个逐步构建的支付页面布局。步骤可以根据具体需要进行调整,也可以只使用部分步骤。Ending本期到此结束。我是小编NanfengChui,专注于分享好玩、有趣、新颖、实用的开源项目、开发者工具、学习资源!希望和大家一起学习交流。欢迎来到我的公众号【Github导航站】。