React PC端框架

最新推荐文章于 2023-03-31 14:28:22 发布
最新推荐文章于 2023-03-31 14:28:22 发布
阅读量1.7k 收藏 2
点赞数 1
分类专栏： React.js点滴知识

1. Ant Design

Ant Design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。非常符合国人的审美需求。并且在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高，开箱即用。支持浏览器、服务端渲染以及Electron环境。包括刚刚推出支付宝小程序也是这一套设计风格。可谓国人开发React应用必修科目。
中文文档 | github地址

Ant Design

 

2. Material-UI

一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。Material-UI 组件是独立工作的。 它们是自我支持的，并只要注入而且仅注入它们需要显示的样式。 他们不依赖任何全局的样式表，如 normalize.css。Material-UI首先是移动开发的，我们首先为移动设备编写代码，然后根据需要使用CSS媒体查询扩展组件。 要确保所有设备的正确渲染和触摸缩放，请将响应式视口元标记添加到 <head> 元素。
中文文档 | github地址 | 在线预览

Material-UI

 

3. Semantic-UI-React

Semantic-UI-React有极为丰富切漂亮的UI组件库，并且结构化做得非常好。React版本为官方出版，所有React组件都具有非常简洁的API和简明的属性，并且不依赖与jQuery，操作虚拟DOM提高性能带来更完美的用户体验。
中文文档 | github地址

Semantic-UI-React

 

4. React-Bootstrap

谈到组件库就不得不提Twitter公司开源的Bootstrap了，它帮助多少程序猿解决了WEB-UI界面开发的难题。React-Bootstrap 是可重用的前端组件库。与 Twitter Bootstrap 一致外观与感受，但通过 Facebook 的 React.js 框架获得更清爽的代码。最流行的前端架构，为 React 而重构。
中文文档 | github地址

React-Bootstrap

 

5. BFD UI

企业级 React 组件库。
中文文档 | github地址

BFD UI

 

6. Amaze UI React

Amaze UI React 基于 React.js（v0.14+）开发的Web 组件库，如果你没有使用过 React，请先访问 React 官网学习。
中文文档 | github地址

Amaze UI React

 

7. React UI

React组件库，样式基于bootstrap 4.0。
中文文档 | github地址

React UI

 

8. RSUITE

一套 React 的 UI 组件库。
中文文档 | github地址 | 在线预览

RSUITE

 

9. Elemental UI

用于React.js网站和应用程序的UI组件库。
在线文档 | github地址

Elemental UI

 

10. reactstrap

易于使用的React Bootstrap 4组件。
在线文档 | github地址

reactstrap



作者：grain先森
链接：https://www.jianshu.com/p/8f37efe501ca
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

栀夏暖阳
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端实战｜React18项目启动——pc端极客园项目前置准备
Coding and studying
08-24 2万+
欢迎来到我的博客【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏React框架。
reactpc脚手架
11-15
ReactPC脚手架是基于React、Webpack4和ES6构建的用于开发PC端应用程序的工具框架。这个脚手架提供了一种快速初始化项目的方式，帮助开发者高效地搭建和管理前端项目，尤其适合需要使用React技术栈进行PC端开发的场景...
使用react制作一个pc端便签
weixin_50736511的博客
09-12 309
app.js import React from 'react'; import "./App.css" import Footer from './components/footer'; import Header from './components/Header'; import List from './components/List'; class App extends React.Component { state = { todos: [ { id: 0, nam.
前端学习笔记（一）——React框架
圆鹿鹿的博客
05-15 782
前段时间学习了有关React框架，做了一份笔记，记录并分享一下。以便后续方便查找和使用。PS：这份笔记只是记录了本人在学习过程中，认为React中比较重要的点进行了记录，详细的知识点还需要深入去探讨研究***欢迎指出错误或不当的地方***React专注视图层，特点：Virtual DOM；函数式编程；JSX；单向数据流JSX基本语法：DOM元素中有两个属性特殊，class和for（JS中的关键字）...
第二个项目 基于React技术学习的pc端项目
huangyuting98的博客
03-31 224
第二个项目 基于React技术学习的pc端项目
react网易云PC项目搭建配置
苍山负雪_Stacking
08-20 215
0. src下目录划分 assets:放我们的静态资源，图片,字体和公共初始样式等 common:放我们公共的JS文件 components:放我们项目的公共组件 pages:放项目的主视图组件 router:放项目的路由配置 services:网络请求部分 store:放redux的相关配置 utils:放一些处理我们数据的JS方法 1. normalize.css resets.css对项目样式进行重置 @import "~antd/dist/antd.css"; @import "~normaliz
基于React的PC端BI数据可视化管理系统
05-07
【基于React的PC端BI数据可视化管理系统】是一个利用React.js技术构建的，专为数据分析和商业智能（BI）设计的Web应用程序。React是Facebook开发的一个用于构建用户界面的JavaScript库，以其组件化开发模式和虚拟DOM...
react-Zentzent是有赞PC端WebUI规范的React实现版本
08-15
Zent ( \ˈzent\ ) 是有赞 PC 端 WebUI 规范的 React 实现版本，提供了一整套基础的 UI 组件。目前我们有 35 组件，这些组件都已经在有赞的各类 PC 业务中使用。我们会在此基础上，持续开发一些新组件。
react-Yoshino一个基于react的可定制化的pc端组件库
08-15
**React-Yoshino：基于React的PC端组件库** React-Yoshino是一个专门针对PC端设计的组件库，它充分利用了React的强大力量，提供了一系列可高度定制化的UI组件，以满足各种业务场景的需求。这个组件库的核心理念是...
react-一个基于React的PC组件库
08-15
10. **测试**：Jest和Enzyme是React应用中常用的测试框架，用于编写单元测试和集成测试，确保代码质量。 在"react-stone-master"这个库中，可能会包含各种预定义的React组件，每个组件都有其特定的样式和功能。...
react-一个基于react的适配移动端和PC端的响应式音乐播放器
08-15
一个基于react的适配移动端和PC端的响应式音乐播放器
react 仿百度客户端
10-19
一个react项目 （习一门前端框架，不动手是不行的。所以当我学习react有一段时间时，就打算开始写一个react的个人项目）
react-react项目基于BFDUI脚手架以及BFDUI组件开发
08-15
react项目，基于BFD-UI脚手架以及BFD-UI组件开发
React UI组件库
qq_40674204的博客
10-26 1020
国外 bellereact-bootstrapbootstrap 4grommetelemental uiSemantic UImaterial-uiElastic UI framework 国产 Ant DesignAmaze UI React有赞微信
基于React全家桶开发「网易云音乐PC」项目实战(三)
weixin_44763882的博客
04-06 625
前言 hello大家好，我是"风不识途"，很长时间没有更新了~，很多朋友一直在催更新(其实没有)，本人最近在实习实在有点忙=.=，有时间的话可以将面试&实习经历总结一下。好了回归正题，在前面我们已经完成了转嵌套路由的点击跳转切换了和轮播图，如果首次阅读本系列请点击，下面我们开始完成首页的主体内容+音乐播放器▶需要完成内容如下↓。 项目预览和源码 在线预览地址????：www.wanguancs.top 项目Gihub地址????: Musci 163 如果觉得项目还不错的话 ????，
基于React全家桶开发「网易云音乐PC」项目实战(四)
weixin_44763882的博客
05-30 486
前言 前言 hello大家好我是「风不识途」，如果首次阅读本系列请点击，正在学习React的小伙伴可以克隆该项目，参考学习，尝试做一些小功能，下面我们开始完成本系列最重要的音乐播放器列表▶需要完成内容如下↓； 下拉查看 项目预览和源码 在线预览地址????：点我跳转到云音乐 项目Gihub地址????：Musci 163 (如果觉得项目还不错的话 ????，就给个 star ⭐ 鼓励一下吧~) 没有翻墙的小伙伴????：Gitee仓库 最近更新 更新功能 登录功能： 暂时只支持“16
React 搭建PC 开发环境
qq_34117170的博客
11-14 1012
第一步： 安装node.js 第二步 安装webpack npm install webpack -g 第三步创建项目 1.创建一个根目录，目录名为react-webpack-master,执行命令 cd react-webpack-master/ 切换到该目录下 2.使用 npm init 初始化，生成 package.json 文件：执行命令: npm init 自定义创建packag...
利用react结合electron进行PC端APP开发的配置方法
你好师姐！
12-01 1297
使用electron结合react进行开发，然而却不想再在electron起一个http服务？想要在electron其中的同时完成react的编译？react静态资源文件无法访问？以下是解决办法 如果你要用react来进行electron开发，你一定会遇到一个最基础的问题，那就是如何在electron启动的同时编译react代码为html代码。当然，如果你愿意在electron中进行http方式进行访问，当我没说。不过，利用http协议访问需要事先启动http服务，使用react-sc...
用react+redux实现微信PC客户端UI交互界面
weixin_34097242的博客
06-15 438
花了2天的时候，利用react+redux实现了微信PC客户端UI交互界面。 github地址如下：https://github.com/VieZhong/wechat-imitation 效果图如下： 下一步的工作，准备用node实现多人通信，敬请期待。 ...
首先前端框架是react hooks；再有这是PC端
最新发布
05-26
你可以使用 React Hooks 实现一个响应式的 PC 端网页，通过监听浏览器窗口大小变化来自适应调整页面布局。此外，React Hooks 还可以让你更方便地处理用户的交互操作，例如点击、滚动等事件的处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值