开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Material-ui/core和material-ui有什么区别？

Material-ui/core和material-ui是同一个项目的两个不同的包。

Material-ui是一个基于Google的Material Design设计风格的React UI组件库。它提供了一套丰富的可重用组件，用于构建现代化的Web应用程序。Material-ui包含了多个子包，其中最核心的是material-ui/core。

material-ui/core是Material-ui的核心包，包含了所有的基础组件和样式。它提供了诸如按钮、输入框、对话框、卡片等常见的UI组件，以及与Material Design风格一致的样式。使用material-ui/core可以快速构建出符合Material Design风格的用户界面。

而Material-ui还包含了其他一些辅助包，如material-ui/icons用于提供Material Design风格的图标，material-ui/lab用于提供实验性的组件和功能，material-ui/styles用于自定义主题和样式等。

总结起来，Material-ui/core是Material-ui的核心包，包含了基础组件和样式，而material-ui是整个Material-ui项目的总称，包含了核心包以及其他辅助包。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS），腾讯云数据库MySQL版（TencentDB for MySQL）。

腾讯云产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/tcdb

相关搜索:@material-ui/core -如何设置Textarea值 Material-UI和Webpack，捆绑包 Material-UI导航、抽屉和Flex NextJS构建中断@material-ui/core & react-bootstrap导入 Redux表单未针对新物料-ui更新，即"@ material-ui /core"："^3.3.2“`#![feature(no_core)]`和`#![no_core]`有什么区别？使用Material-ui和ClojureScript创建主题使用Material-Ui和CSS水平对齐标题在material-ui中，useTheme和createMiuiTheme有什么区别在版本为^4.11.2的'@material-ui/core‘中找不到’'Autocomplete‘

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

用户登录前后端分离开发实战案例：React，npm，webpack，ES6, Kotlin, Spring Boot, Gradle, Freemarker, Material UIKotlin 开发

那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？...devDependencies和dependencies的区别我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如： --save-dev...安装核心依赖 npm install @material-ui/core 等待依赖安装完毕，我们可以看到，此时我们的package.json文件内容新增了 "@material-ui/core": "^...from '@material-ui/core/Input'; import InputLabel from '@material-ui/core/InputLabel'; 使用 Button 按钮.../core/styles'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/core/

8K3 0

前端框架与库 - Material-UI组件库

Material-UI简介 Material-UI 不仅提供了美观的组件，还注重组件的可定制性和灵活性。它支持主题化，使得你可以轻松调整应用的整体外观，而无需从零开始设计界面。 2....示例代码下面是一个使用 Material-UI 创建的基本按钮组件的示例： import React from 'react'; import Button from '@material-ui/core.../Button'; import { makeStyles } from '@material-ui/core/styles'; const useStyles = makeStyles((theme...然后，我们定义了一个样式规则，其中包含一个根类和子元素的选择器。最后，我们在 return 语句中渲染了两个按钮，一个使用 contained 变体，另一个使用 outlined 变体。...通过以上介绍和示例，我们可以看到 Material-UI 在简化前端开发流程的同时，也带来了一些需要注意的问题。

1551 0

前端框架与库 - Material-UI组件库

Material-UI简介Material-UI 不仅提供了美观的组件，还注重组件的可定制性和灵活性。它支持主题化，使得你可以轻松调整应用的整体外观，而无需从零开始设计界面。2....示例代码下面是一个使用 Material-UI 创建的基本按钮组件的示例：import React from 'react';import Button from '@material-ui/core/...Button';import { makeStyles } from '@material-ui/core/styles';const useStyles = makeStyles((theme) =>...然后，我们定义了一个样式规则，其中包含一个根类和子元素的选择器。最后，我们在 return 语句中渲染了两个按钮，一个使用 contained 变体，另一个使用 outlined 变体。...通过以上介绍和示例，我们可以看到 Material-UI 在简化前端开发流程的同时，也带来了一些需要注意的问题。

840 0

React Table 表格组件使用教程排序、分页、搜索过滤筛选功能实战开发

TableBody from '@material-ui/core/TableBody'import TableCell from '@material-ui/core/TableCell'import...TableContainer from '@material-ui/core/TableContainer'import TableHead from '@material-ui/core/TableHead'import...LastPageIcon from '@material-ui/icons/LastPage'import { makeStyles, useTheme } from '@material-ui/core.../core/TableFooter'+ import TablePagination from '@material-ui/core/TablePagination'+ import TablePaginationActions.../core/InputBase'import { fade, makeStyles } from '@material-ui/core/styles'import SearchIcon from '@material-ui

16.7K0 1

用Truffle, Solidity, React, Material UI, Web3创建一个全栈筹款Dapp

/styles'; import AppBar from '@material-ui/core/AppBar'; import Toolbar from '@material-ui/core/Toolbar...from '@material-ui/core/CardContent'; 7 import CardMedia from '@material-ui/core/CardMedia'; 8...from '@material-ui/core/CardContent'; 7 import CardMedia from '@material-ui/core/CardMedia'; 8...'@material-ui/core/DialogActions'; 16 import DialogContent from '@material-ui/core/DialogContent'...from '@material-ui/core/InputLabel'; 25 import OutlinedInput from '@material-ui/core/OutlinedInput

6.1K2 0

GraphQL实现(前端:React + Material-UI + Recoil)

这是一个简单的示例，包括一个任务列表、任务详情和创建任务的页面。...每个页面都会使用GraphQL查询或变更与后端进行通信前端（React + Material-UI + Recoil）：首先，确保已安装了所需的依赖： npm install @material-ui.../core @material-ui/icons recoil 然后，可以使用以下示例代码： // src/index.js import React from 'react'; import ReactDOM.../TaskForm'; import { CssBaseline, AppBar, Toolbar, Typography, Container } from '@material-ui/core';...的组件来构建页面结构和样式。

1621 0

material Tree组件的前端模糊搜索

具体的代码： import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; import TreeView... from '@material-ui/lab/TreeView'; import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; import... ChevronRightIcon from '@material-ui/icons/ChevronRight'; import TreeItem from '@material-ui/lab/TreeItem

9982 0

预构建如何玩转秒级依赖预构建的能力？

比如说，知名的loadsh-es库本身是有 ES 版本产物的，可以在 Vite 中直接运行。...接下来，我们好好梳理一下到底有哪些需要配置include的场景。.../core/Box, @material-ui/core/Checkbox, updating......[vite] new dependencies found: @material-ui/core/Dialog, @material-ui/core/DialogActions, updating......[vite] new dependencies found: @material-ui/core/Accordion, @material-ui/core/AccordionSummary, updating

5389 0

Webpack 项目打包压缩优化

use: [ { loader: "thread-loader", // 有同样配置的 loader 会共享一个 worker 池 options: { // 产生的...例如我们要将项目中的react-dom和@material-ui/xxx相关内容分包出去创建 webpack.dll.config,js用来写分包的配置文件 const path = require(.../core', '@material-ui/icons', '@material-ui/lab' ] }, output:...是分包的配置文件地址 } 运行时需要安装webpack-cli 如果没有安装，会提示安装 npm run build-dll 运行成功后，dll文件夹下会生成对应的 common-manifest.json和conmon.dll.js...引入分包文件引入分包文件需要安装 copy-webpack-plugin 和 html-webpack-tags-pluginnpm i copy-webpack-plugin html-webpack-tags-plugin

4885 1

如火热链接到css,用于在Webpack中启用热式样装入器以同步css的配置

{ “name”: “test-material-ui”, “version”: “0.0.0-beta.1”, “description”: “Sample project that uses material-ui...: “eslint src && echo \”eslint: no lint errors\”” }, “private”: true, “devDependencies”: { “babel-core...webpack”: “^1.12.9”, “webpack-dev-server”: “^1.14.0” }, “dependencies”: { “flexboxgrid”: “^6.3.0”, “material-ui

9112 0

React使用Electron开发桌面端

在组件中，你可以使用React提供的组件和库构建Web界面。...例如，你可以使用Material-UI库来构建一个简单的界面： import React from 'react'; import { makeStyles } from '@material-ui/core.../styles'; import Button from '@material-ui/core/Button'; const useStyles = makeStyles({ root: {...打包和发布应用程序完成开发后，你需要将应用程序打包并发布。...通过使用React构建Web界面，你可以使用熟悉的工具和技术来构建应用程序。如果你想构建一个桌面应用程序，React和Electron可能是一个不错的选择。

3821 0

React常用的5个UI框架

2：Material-UI 推荐指数：star:57.9k 英文文档：https://material-ui.com Github: https://github.com/mui-org/material-ui...Material-UI当下流行的 React UI 框架，组件用于更快速、更简便的 web 开发，适合小团队，或者个人项目快速搭建前端界面，可以自定义主题，Github上面的star挺多的，有超过Ant...它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹，语义化的前端 UI 框架，包含 50 多个组件。 ?...它针对在现代浏览器和IE11中运行的桌面应用程序构建复杂，数据密集的Web界面。一个 React UI 工具组件库。 ?

14.7K3 0

想做前端开发？推荐几个必备珍品组件库

组件是组成页面中最基本的元素，按钮，输入框，下拉选择都是组件，组件和组件组合就变成了一个更复杂的组件。...而且框架还提供了一套 sketch 组件，这样在设计和出图都会是一致了 iView 类型：基于 Vue 组件库官网：https://www.iviewui.com/ GitHub仓库地址：https:...://material-ui.com/ GitHub仓库地址：https://github.com/mui-org/material-ui 维护团队：material-ui material-ui 是基于...好像国内的公司较少用这套组件库，感觉扁平化风格看多了后再看 Material 风格有一种眼前一亮的感觉。...material-ui 团队维护频率很高，下图是 material-ui 主要的开发者的Github首页基本上每天的都会有提交，而且最多一天有36次的提交。

2.7K5 0

一款开源的跨平台实时web应用框架——DotNetify

这种数据绑定机制是内置的，不必按照开发人员使用服务和WebAPI的方式编写。而且dotNetify不来回穿梭整个视图模型状态，但是智能的只发送被改变的东西。...跨平台.NET 在ASP.NET Core、ASP.NET 上运行。利用.NET平台提供的强大语言和工具支持。...强大的基础设施基础设施包括动态路由可以在后端完全定义的机制，能够进行深度链接和嵌套路由，基于令牌的认证, 依赖注入，WebSocket请求和响应管道。...React 模板来体验一下，体验过程参考 https://github.com/dsuryd/dotNetify-react-template 首页面板(这个页面是动态的) 整个项目使用了基于React的Material-UI...Material-UI组件有深链路的路由。 Webpack热模块替换+DotNet监视器.

1.8K2 0

React PC端框架

有自己独特的设计风格和理念。非常符合国人的审美需求。并且在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高，开箱即用。支持浏览器、服务端渲染以及Electron环境。...Material-UI 一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。Material-UI 组件是独立工作的。...Material-UI首先是移动开发的，我们首先为移动设备编写代码，然后根据需要使用CSS媒体查询扩展组件。要确保所有设备的正确渲染和触摸缩放，请将响应式视口元标记添加到元素。...Material-UI 3. Semantic-UI-React Semantic-UI-React有极为丰富切漂亮的UI组件库，并且结构化做得非常好。...Elemental UI 用于React.js网站和应用程序的UI组件库。在线文档 | github地址 ?

4.6K3 1

几款ReactJS最优秀的UI框架

一.Material-UI ? Material-UI是一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。...英文文档：https://material-ui.com 中文文档：http://design.1sters.com Github: https://github.com/mui-org/material-ui...有自己独特的设计风格和理念。在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高，开箱即用。...一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库。...：https://v2.grommet.io Github: https://github.com/grommet/grommet 目前React是如今流行的前端技术，而React最棒的一个特点就是有大量功能丰富的组件库和开发框架可用

16.2K5 0

7 款最棒的开源 React UI 库测评 - 特别针对国内使用场景推荐

在字节的海量业务场景下进行迭代，沉淀了一套优质的默认基础 —— 它将保证 Semi 打造的企业应用产品，天生拥有连贯一致的「语言」，和明显优于陈旧系统的质量基线。...，打磨沉淀 3 年之后开源，ArcoDesign 与 TDesign 开源也就是前后脚的事，让我们通过这两套开源组件，看到大厂在前端完备的设计理念和工整的生产流程。...这套 UI 库，基于 ArcoDesign 设计规范，Arco 同时提供了 React 和 Vue 两套 UI 组件库。React 组件库配有详细的上手指南。...Material-UI - 全球顶级 React 组件库 Google Material 设计标准 [05-Material-UI] Material-UI 上手文档 | Material-UI Github...Material-UI 组件库不论是小项目小团队的快速迭代开发，还是长期维护的大型项目，都非常适合，Github 上 Star 高达 80K 之多，是可以闭眼选择的 UI 组件库。

5.9K4 0

7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐

本文完整版：《7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐》优秀的 React UI 移动端组件库和模版框架，帮我们节省开发时间，提高开发效率，统一设计语言。...Ant Design 作为一门设计语言已经经历了多年的迭代和积累，它对 UI 的设计思想已经成为一套标准，也是 React 开发者手中的神器，大幅提高了产品设计研发的效率及质量，Ant Design 文档简洁清晰...Material-UI - 全球顶级 React 组件库 Google Material 设计标准 android 首先 [05-Material-UI] Material-UI 上手文档 | Material-UI...引用这套组件库，你可以毫不费力的融入微信的怀抱，大到组件的 UI ，小到按钮动效，全都和微信一摸一样。移动端非常友好，对微信内置浏览器特别优化，丝滑流畅。 7....众安团队发布的 Zarm 提炼自企业级移动端产品的交互语言和视觉风格，有多达 50 + 常见的通用组件，拥有完整统一的设计规范，样式命名采用了 BEM 的规范，内部实现使用了Css Variables

12.4K2 1

5个好用的React UI框架

图片 2：Material-UI 推荐指数：star:57.9k 英文文档：https://material-ui.com Github: https://github.com/mui-org/material-ui...Material-UI当下流行的 React UI 框架，组件用于更快速、更简便的 web 开发，适合小团队，或者个人项目快速搭建前端界面，可以自定义主题，Github上面的star挺多的，有超过Ant...它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹，语义化的前端 UI 框架，包含 50 多个组件。...它针对在现代浏览器和IE11中运行的桌面应用程序构建复杂，数据密集的Web界面。一个 React UI 工具组件库。图片

4.3K4 0

依赖什么啊？依赖注入……，什么注入啊？

前言在过去的几个月里，我和客户团队在对一个设计系统进行优化。表面上看起来这个优化工作包括两大部分：性能优化和结构重整。...头像组件Avatar 在这个设计系统较早的一个版本中，头像Avatar组件有一个很方便的功能：如果给Avatar传入了name属性，则当鼠标悬停到头像时，头像下方会显示一个提示信息（Tooltip），内容为对应的...如果需要，上面的代码还可以修改为： import Avatar from "@atlaskit/avatar"; import Tooltip from "@material-ui/core/Tooltip...的有紧密的关联关系：仅当InlineEdit处于invalid时，InlineDialog才需要显示，默认情况则不显示。.../core/Popover"; import Typography from "@material-ui/core/Typography"; const MyEdit = () => { return

1.9K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭