精华内容
下载资源
问答
  • 怎么开发reactui框架
    2022-04-21 17:17:16

    【Ant Design of React】
    官网:https://ant.design/docs/react/getting-started-cn

    1. 安装依赖

    cnpm i -S antd
    

    2. app.css 导入样式

    @import '~antd/dist/antd.css';
    

    3. 组件使用

    import React from "react";
    import {Button} from "antd";
    
    class Page3 extends React.Component{
        render() {
            return <div>
                <Button type={"primary"}>按钮</Button>
            </div>
        }
    }
    
    export default Page3
    

    【element-react】
    官网:https://elemefe.github.io/element-react/#/zh-CN/quick-start
    1. 安装依赖

    cnpm i -S element-react
    cnpm i -S element-theme-default
    

    2. app.js 导入主题

    import "element-theme-default"
    

    tip、可能会出现的错误
    在这里插入图片描述
    解决方案

    cnpm i -S @babel/runtime babel-runtime react-hot-loader
    
    更多相关内容
  • 5个好用的React UI框架

    千次阅读 2021-08-20 11:08:46
    React是一个用于构建用户界面的JavaScript库,主要用于构建UI,很多人认为React 是 MVC 中的 V(视图)。 它最早起源于Facebook的一个内部项目,因为公司对当时现有的JavaScript MVC框架都不满意,就决定自己开发一套...

    React是一个用于构建用户界面的JavaScript库,主要用于构建UI,很多人认为React 是 MVC 中的 V(视图)。

    它最早起源于Facebook的一个内部项目,因为公司对当时现有的JavaScript MVC框架都不满意,就决定自己开发一套,用来架设Instagram的网站。开发完成后,发现这套东西很好用,就在2013年5月开源了。

    1:Ant-design

    推荐指数:star:60.2k
    官网:https://ant.design/docs/react/introduce-cn
    Github: https://github.com/ant-design/ant-design/

    Ant Design一套企业级 UI 设计语言和 React 组件库,基于Ant Design 设计体系的 React UI 组件库,用于研发企业级中后台产品,风格素雅简洁,喜欢的可以选择使用,目前在react技术栈领域使用的较为广泛,各种文档也比较齐全,遇到问题好解决。

    图片
    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的趋势,有空的话可以读一读源码,毕竟这么优秀的框架,能学到很多东西。

    图片
    3:Semantic UI

    推荐指数:star:48k
    中文文档:https://zijieke.com/semantic-ui/
    Github: https://github.com/semantic-org/semantic-ui/

    Semantic UI 是一款非常优秀的前端开发框架。它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹,语义化的前端 UI 框架,包含 50 多个组件。

    图片
    4:React-Bootstrap

    推荐指数:star:17.7k
    官网:https://react-bootstrap.github.io
    中文文档: http://react.tgwoo.com
    Github: https://github.com/react-bootstrap/react-bootstrap/

    一款基于ReactJS对Bootstrap进行封装前端组件库,React-Bootstrap是可重用的前端组件库。样式组件依赖于bootstrap。与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码。

    图片
    5:Blueprint

    推荐指数:star:16.2k
    官网:https://apiblueprint.org
    Github: https://github.com/palantir/blueprint

    Blueprint是一个基于React的Web工具组件库。 它针对在现代浏览器和IE11中运行的桌面应用程序构建复杂,数据密集的Web界面。一个 React UI 工具组件库。

    图片
    展开全文
  • Evergreen 是一个 React UI 框架,用于在网络上构建雄心勃勃的产品。 由 Segment 提供给您。 Evergreen 包含一组开箱即用的精美 React 组件。 Evergreen 组件建立在 React UI Primitive 之上,以实现无限的可组合性...
  • react-Evergreen一个开源用于Web的ReactUI框架
  • fiona-ui:ReactUI框架

    2021-05-14 17:14:53
    ui 库基于 react 开发, 为了纪念曾经英雄联盟中最热爱的英雄-无双剑姬(菲奥娜), 特以此为名 该 ui 库正在开发当中,欢迎各位提 PR 和 Issues, 目前只有button, icon, dialog, layout组件, 其余组件正在开发之中. ...
  • Evergreen 是一个 React UI 框架,用于在网络上构建雄心勃勃的产品。 由 Segment 提供给您。 Evergreen 包含一组开箱即用的精美 React 组件。 Evergreen 组件建立在 React UI Primitive 之上,以实现无限的可组合性...
  • 一个React UI框架使您的开发更加轻松,因此您可以将更多的精力放在应用程序上,而不必在设计上! 它完全由TypeScript开发,因此提供了完整的键入支持。 还没准备好生产! 警告: Nuclui目前正在开发中。 在为您的...
  • 优秀的 React UI 组件库,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂,我们自己很难处理的常用组件,比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等,再进一步,还有...

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

    本文完整版:《7 款最棒的开源 React UI 组件库和模版框架测评 - 特别针对国内使用场景推荐

    优秀的 React UI 组件库,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂,我们自己很难处理的常用组件,比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等,再进一步,还有帮我们把组件的轮子装好的 React admin 后台管理系统。本文推荐 7 款适用于中文使用者习惯的开源 React UI 库,特别针对国内使用场景推荐。

    我筛选了国内常用的开源前端 UI 库,选出了 7 款来自国内互联网一线大厂或是商业化较好的企业的免费开源 UI 库分享给大家,一定有一款适合你。

    • Semi Design - 抖音团队力作,虽简洁轻量,可轻松应对复杂场景,抖音内部多项目迭代,品质可靠
    • TDesign - 腾讯优质 UI 组件,配套工具完满,设计工整,文档清晰
    • ArcoDesign - 字节跳动 UI 组件库开源,大厂逻辑,设计文档完美
    • Ant Design React - 阿里前端 UI 库,面向企业级中后台
    • Material-UI - 全球顶级 React 组件库 Google Material 设计标准
    • 微软 FluentUI - 背靠微软,大型项目首先,代码简洁高效
    • Element for React - 饿了么出品 Element 的 React 版,适合有使用 Element 习惯的开发者

    如果你正在搭建后台管理工具,又不想处理前端问题,推荐使用卡拉云,卡拉云是新一代低代码开发工具,可一键接入常见数据库及 API ,无需懂前端,仅需拖拽即可快速搭建属于你自己的后台管理工具,一周工作量缩减至一天,详见本文文末。

    Semi Design - 抖音团队力作,虽简洁轻量,可轻松应对复杂场景,抖音内部多项目迭代,品质可靠

    01-Semi-Design

    Semi Design 上手文档 | Semi Design Github

    Semi Design 是由抖音前端团队,MED 产品设计团队设计、开发维护的设计系统。它作为全面、易用、优质的现代企业级应用解決方案,从字节各业务线的复杂场景提炼而来,服务字节内外部 10 万+用户。经过近两年的迭代,在各类不同形态的业务落地验证后,Semi Design 已成为跨部门级的基础设施,围绕组件库形成丰富的工具链和生态。

    Semi Design 致力于提升企业应用的体验。通过提炼简洁轻量,现代化的设计风格,细致打磨原子组件的交互。在字节的海量业务场景下进行迭代,沉淀了一套优质的默认基础 —— 它将保证 Semi 打造的企业应用产品,天生拥有连贯一致的「语言」,和明显优于陈旧系统的质量基线。

    TDesign React - 鹅厂优质 UI 组件,配套工具完满,设计工整,文档清晰

    02-tdesign

    腾讯 TDesign React 上手文档 | 腾讯 TDesign React Github

    TDesign 在去年刚刚开源,作为一款诞生于腾讯内部的 UI 组件库,经过腾讯内部 500+ 项业务检验的企业级设计体系,不仅仅是前端 UI 库,更是前端的设计指南和设计体系。支持 React 及腾讯小程序。

    TDesign 作为大厂打磨多年后开源的 UI 组件库,文档写的非常好,不仅有「代码例子」还有「设计指南」。让你从多方面理解一个知识点,即便是萌新,也能轻松掌握。

    TDesign 还提供了辅助设计工具及设计资源,大家常用的设计工具都能找到对应的设计物料。流程规范,使用清晰,强烈推荐。

    ArcoDesign React - 字节优质 UI 组件库开源,大厂逻辑,设计文档完美

    03-arcodesign

    字节 ArcoDesign React 上手文档 | 字节 ArcoDesign React Github

    ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统,打磨沉淀 3 年之后开源,ArcoDesign 与 TDesign 开源也就是前后脚的事,让我们通过这两套开源组件,看到大厂在前端完备的设计理念和工整的生产流程。

    这套 UI 库,基于 ArcoDesign 设计规范,Arco 同时提供了 React 和 Vue 两套 UI 组件库。React 组件库配有详细的上手指南。

    扩展阅读:React Router 6 (React路由) 最详细教程

    Ant Design of React - 阿里前端 UI 库,面向企业级中后台

    04-antdesign-react

    阿里 Ant Design of React 上手文档 | 阿里 Ant Design of React Github

    Antd of React 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。Ant Design 作为一门设计语言已经经历了多年的迭代和积累,它对 UI 的设计思想已经成为一套标准,也是 React 开发者手中的神器,大幅提高了产品设计研发的效率及质量,Ant Design 文档简洁清晰。Antd of React 是国内 React 项目的首选组件库。

    当然,Ant Design 也帮大家造好了轮子,Ant Design Pro(React admin 后台管理框架)请享用。

    Material-UI - 全球顶级 React 组件库 Google Material 设计标准

    05-Material-UI

    Material-UI 上手文档 | Material-UI Github

    Material-UI 是 Google Material Design 设计原则的 React 实现,是一套 React 组件库,它的前身是 Google 官方的 Material Design Lite,一个纯前端库。Material UI 绝不是简单的实现了 MD 设计原则的 UI 库,而是更像一个帮助开发者解决设计问题,提供优秀设计组件或设计方案的组件库。 Material-UI 组件库不论是小项目小团队的快速迭代开发,还是长期维护的大型项目,都非常适合,Github 上 Star 高达 80K 之多,是可以闭眼选择的 UI 组件库。

    微软 FluentUI - 背靠微软,大型项目首先,代码简洁高效

    06-FluentUI

    微软 FluentUI 上手文档 | 微软 FluentUI Github

    微软在 2017 年开源了 Fluent UI for React ,是最早支持 TypeScript 的 UI 组件库。内部设计很棒,非常适合做大型项目使用,因为出生就支持 TypeScript ,相对于后期转型 TS 的组件库,更加流畅。整个视觉设计上非常简洁,是微软的商务味道。

    Element for React - Element 的 React 版,适合有使用 Element 习惯的开发者

    07-element-react

    饿了么 Element React 上手文档 | 饿了么 Element React Github

    Element for React 是饿了么大前端团队开发,是 Element for Vue 的 React 版。Element 在 React 领域并没有它在 Vue 那么风光,比较适合 Element 使用习惯的开发者,与 Element 开发流程、逻辑保持一致,遵循用户习惯的语言和概念。Element React 提供了丰富的常用组件,适用于多数场景下的使用情况。Element 优秀的方面是常用组件写的非常扎实,比如日期时间选择器、树形组件、日历组件等,这些我们自己写太费劲了,引入第三方库又麻烦,如果选择的 UI 库写的很不错,节省非常多的时间。

    React UI 组件库与卡拉云

    本文介绍了 7 款 React UI 组件库和模版框架,虽然这些组件库可以避免我们重复造轮子,但即便如此,前端调试有时也非常令人抓狂。如果不想处理前端问题,推荐使用卡拉云,卡拉云内置各类组件,无需懂任何前端,仅需拖拽即可快速生成。

    卡拉云可帮你快速搭建企业内部工具,下图为使用卡拉云搭建的内部广告投放监测系统,仅需拖拽组件,10 分钟搞定。你也可以快速搭建一套属于你的后台管理工具

    卡拉云企业内部工具

    卡拉云是新一代低代码开发平台,与前端框架 Vue、React等相比,卡拉云的优势在于不用首先搭建开发环境,直接注册即可开始使用。开发者完全不用处理任何前端问题,只需简单拖拽,即可快速生成所需组件,可一键接入常见数据库及 API,根据引导简单几步打通前后端,数周的开发时间,缩短至 1 小时。

    扩展阅读:

    展开全文
  • dodomeki-ui:React UI框架

    2021-02-11 14:22:14
    dodomeki-ui:React UI框架
  • react-skeleton是使用响应式CSS样板构建的React UI框架。安装react-skeleton作为npm install react-skeleton用法在项目中包含react-skeleton之后,您可以使用以下组件和样式实现: var React = require ( 'react' ) ...
  • React前端ui框架收集

    千次阅读 2020-01-05 19:32:21
    这里我收集了一些当下顶级的基于React框架开发的一些前端UI库。 Ant Design 国内地址:https://ant-design.gitee.io/index-cn github地址:https://ant.design/index-cn Ant Design是由蚂蚁金服集团出品的企业级...

    React 是用于构建用户界面的 JavaScript 库,也是现在最主流的前端框架库之一,它是有Facebook出品的MVC框架。
    这里我收集了一些当下顶级的基于React框架开发的一些前端UI库。

    Ant Design

    国内地址:https://ant-design.gitee.io/index-cn
    github地址:https://ant.design/index-cn
    在这里插入图片描述
    Ant Design是由蚂蚁金服集团出品的企业级前端框架解决方案。

    fusion.design

    地址:https://fusion.design/
    在这里插入图片描述
    在这里插入图片描述

    fusion design 套企业级中后台UI的解决方案,致力于解决设计师与前端在工作协同、产品体验一致性、开发效率方面的问题

    mui

    地址: https://mui.com/zh/

    在这里插入图片描述
    MUI提供了一个强大的、可定制的、可访问的基础和高级组件库,使您能够更快地构建设计系统和开发Reaction应用程序。

    react-bootstrap

    https://react-bootstrap.github.io/
    在这里插入图片描述
    基于 React 重构最流行的 Bootstrap 架构。

    Semantic UI React

    地址:https://react.semantic-ui.com/

    在这里插入图片描述

    Blueprint

    在这里插入图片描述

    zarm

    地址:https://zarm.design/#/

    在这里插入图片描述
    Zarm 是众安科技基于 React、React-Native 研发的一款适用于企业级的移动端 UI 组件库。

    展开全文
  • React常用的5个UI框架

    万次阅读 2020-06-02 17:22:11
    1:Ant-design 推荐指数:star:60.2k 官网:https://ant.design/docs/react/introduce-cn ...Ant Design一套企业级 UI 设计语言和 React 组件库,基于Ant Design 设计体系的 React UI 组件库,用于研发企业级中...
  • PC端UI ant-design-mobile 移动端UI styled-components css in js ahooks hooks 库 mobx-react-lite 状态管理 immer 仅修改对象的个别属性,对象引用不变 mathjs 数学库 react-spring 动画库 moment ...
  • react常用的UI框架

    2020-09-15 13:57:46
    整理一些react使用的框架,序号不代表排名 1、Material-UI 2、React Desktop 3、Semantic-UI-React 4、Ant-design 5、Blueprint 6、React-Bootstrap React-Bootstrap是一款基于ReactJS对Bootstrap进行封装的...
  • Tailwind React UI 提供了使用 Tailwind CSS 实用程序框架的现成组件。 如果您不熟悉 Tailwind 背后的概念,您可以在 https://tailwindcss.com/docs/what-is-tailwind 获得概述:创建用于构建自定义 UI框架意味着...
  • Chakra-UI介绍快速上手下载 Chakra-UI克隆默认主题主题的引入Style Props 样式属性主题颜色模式(color mode)根据颜色...现代化的React UI 框架 Chakra-UI 内置Emotion,是CSS-IN-JS解决方案的集大成者 基于 styled-
  • 收集收集vue/react搭配UI框架的demo, 网络请求库常用axios 移动端h5 vite + vue3 + vant3 : https://gitee.com/WeiziPlus/muteki-vite 链接 react + material-ui 。 PC浏览器 vue2 + ant_design_vue : 详见jeecg...
  • React最受欢迎的5个UI框架

    万次阅读 2020-06-03 09:41:00
    Ant Design一套企业级 UI 设计语言和 React 组件库,基于Ant Design 设计体系的 React UI 组件库,用于研发企业级中后台产品,风格素雅简洁,喜欢的可以选择使用,目前在react技术栈领域使用的较为广泛,各种文档也...
  • React UI框架

    2019-06-25 11:05:28
    1、Ant Design antd是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。 更多技术请关注QQ群:636212586 ...
  • 开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑,页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 npm ...
  • 最佳 React UI 组件库,前端开发必备!

    千次阅读 2022-02-23 00:54:48
    上次推荐了12个 Vue UI组件库,今天来推荐几个 GitHub 上流行的 React UI 库!1. Ant DesignGitHub 上超过 269 k 个项目使用了 Ant Des...
  • 阿里ui框架 react

    千次阅读 2019-05-06 17:00:48
    https://ice.work/docs/iceworks/project-new
  • 实用程序优先的React Native UI框架React Native中构建UI,没有泪水 Magnus UI :rocket: :sparkles: 产品特点 通用(Android,iOS,Web等) 与世博会合作 与Vanilla React Native一起使用 全主题支持 ...
  • react-kawaii:可爱的React UI组件库
  • 高品质 React UI 组件库
  • Searchkit是Graph QL / React UI Component框架,用于: 快速构建专注于搜索UI的GraphQL API 开箱即用的React组件 出色的搜索经验,而无需成为Elasticsearch,React和Node的专家 | | 发行历史 3.0.0-canary.25:...
  • 基于Tachyons实现的React UI组件,拥有一个类似于styled-components的API
  • 项目脚手架和react UI库, react redux webpack gulp
  • 带有事件处理功能的钛合金状态管理器和ReactUI框架 它是如何工作的? Staballoy维护存储在Ti.App.Properties的数据对象,对此数据的任何更改(通过设置状态)都将导致库查找需要自动更新的任何UI元素。 设置 那么...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 41,083
精华内容 16,433
热门标签
关键字:

怎么开发reactui框架