浏览器太低级了

守口如瓶,笑脸相迎。叩首问路,码梦为生。 --Vace

React常用资源(个人使用)

2017/03/21    前端


React

用于构建用户界面的 JavaScript 库

React 文档资源

React 社区

React 在线测试工具

React Tutorials

React General Tutorials
React Hooks
React and TypeScript
React Performance
React Internals
React Interview Questions

React Tools

React Development Tools
React Starter Kits and Toolchains
  • create-react-app - 通过运行一个命令设置现代 Web 应用程序
  • Razzle - Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications
  • Neutrino React Preset - @neutrinojs/react 是一个 Neutrino 预设,支持构建 React Web 应用程序
  • react-starter-kit - 同构 Web 应用程序样板
  • create-react-library - 使用 Rollup 和 create-react-app 创建可重用的现代 React 库的 CLI.
  • tsdx - 用于 TypeScript 包开发的零配置 CLI
React Frameworks
  • next.js - 反应框架
  • gatsby.js - 基于 React 的免费开源框架
  • react-admin - 用于在 REST/GraphQL API 之上构建 B2B 应用程序的前端框架
  • remix - 最后,来自 React Router 的创建者的杀手级 React 框架
  • Blitz - 全栈 React 框架
  • aleph.js - Deno 中的 React 框架
React Styling
  • styled-components - 组件时代的视觉原语
  • emotion - 专为使用 JavaScript 编写 CSS 样式而设计的库
  • radium - 用于 React 组件样式的工具链
  • jss - CSS 创作工具
  • aphrodite - 与框架无关的 CSS-in-JS,支持服务器端渲染、浏览器前缀和最小 CSS 生成
  • linaria - JS 中的零运行时 CSS
  • stitches - CSS-in-JS 具有接近零的运行时间、SSR、多变体支持和一流的开发人员体验
  • vanilla-extract - TypeScript 中的零运行时样式表
React Routing
  • react-router - React 的声明式路由
  • navi - React 的声明式异步路由
  • curi - 用于单页应用程序的 JavaScript 路由器
  • reach - React 的下一代路由
  • universal-router - 用于同构 JavaScript Web 应用程序的简单中间件式路由器
  • wouter - 一个极简友好的~1.3KB 路由库
React Component Libraries
  • material-ui - React 组件以实现更快、更轻松的 Web 开发
  • blueprint - 基于 React 的 Web 用户界面工具包
  • Fluent UI - 一组用于构建 Microsoft Web 体验的 React 组件
  • react-bootstrap - 使用 React 构建的 Bootstrap 组件
  • reactstrap - 简单的 React Bootstrap 4 组件
  • ant-design - 具有自然价值和决定性价值的设计系统
  • chakra-ui - 用于 React 应用程序的简单、模块化和可访问的 UI 组件
  • semantic-ui-react - 官方 Semantic-UI-React 集成
  • evergreen - 按细分的常青 React UI 框架
  • grommet - 基于反应的框架,在一个整洁的包中提供可访问性、模块化、响应性和主题
  • rebass - 使用样式系统构建的 React 原始 UI 组件
  • reakit - React 的可访问、可组合和可定制的组件
  • rsuite - 一套 React 组件
  • atlaskit - Atlassian 的官方 UI 库,根据 Atlassian 设计指南构建.
  • baseweb - Base Web 是发起、发展和统一 Web 产品的基础.
  • primereact - 一个完整的 React UI 框架,包含 50 多个具有材料、引导程序和自定义主题的组件.
  • eui - 弹性 UI 框架
  • react-spectrum - Adob​​e 的库和工具集合,可帮助您构建适应性强、可访问且强大的用户体验
  • ring-ui - JetBrains Web UI 组件
  • react-bulma-components - Bulma 框架的反应组件
  • react-bulma - 基于 Flexbox 的现代 CSS 框架的 React.js 组件
  • trunx - Super Saiyan React 组件,Bulma 之子,用 TypeScript 实现
  • bumbag-ui - 使用您的 Bumbag 构建可访问且可主题化的 React 应用程序
  • Mantine – 一个功能齐全的 React 库,包含 100 多个钩子和组件,支持原生深色主题
  • radix - 用于构建高质量、可访问的设计系统和 Web 应用程序的开源 UI 组件库
React Awesome Components
React Testing
React Libraries
  • react-border-wrapper - 用于在 React 中沿 div 边框放置元素的包装器.
  • react-magic - 借助 React 的强大功能自动 AJAX 化纯 HTML
  • react-toolbox - 一组实现谷歌材料设计规范的 React 组件
  • tcomb-react - 允许您检查 React 组件的所有道具的库
  • react-responsive - 响应式设计中的媒体查询
  • preact - 具有相同 ES6 API 的快速 3kb React 替代方案.
  • riotjs - 类似 React 的 3.5KB 用户界面库
  • Maple.js - 将 Web 组件的概念引入 React
  • react-i13n - 一种高性能、可扩展和可插拔的方法来检测你的 React 应用程序
  • react-icons - svg react 流行图标包的图标
  • react-open-doodles - 很棒的免费插图作为反应组件.
  • Keo - 用于创建 React 组件的功能性更强的 Deku 方法的普通函数,具有管道、记忆等功能性好东西……
  • Bit - 用于跨应用程序管理和使用 React 和其他 Web 组件的虚拟存储库
  • AtlasKit - Atlassian 的 React UI 库
  • ReactiveSearch - Elasticsearch 的 UI 组件库
  • Slate - 用于构建富文本编辑器的完全可定制的框架.
  • react-json-schema - 通过将 JSON 定义映射到您公开的 React 组件,从 JSON 构建 React 元素.
  • react-lodash - Lodash 作为 React 组件
  • react-helmet - React 文档主管
  • react-snap - 零配置框架无关的 SPA 静态预渲染
  • Draft.js - 用于构建文本编辑器的 React 框架
  • refract - 利用反应式编程的力量来增强您的组件
  • react-desktop - 使用 React 构建的 OS X 和 Windows UI 组件
  • reapop - 一个简单且可定制的 React 通知系统
  • react-extras - 使用 React 的有用组件和实用程序
  • react-instantsearch - 闪电般快速搜索 React 和 React Native 应用程序,由 Algolia 提供
  • uppy - 下一个用于网络浏览器的开源文件上传器
  • react-motion - 解决动画问题的弹簧
  • react-esi - 反应边缘侧包括
  • react-aria - Adob​​e 的 React Hooks 库,为您的设计系统提供可访问的 UI 原语
  • react-uploady - React 的现代文件上传组件和钩子.
React Integration
React State Management
  • redux - JavaScript 应用程序的可预测状态容器
  • mobx - 简单、可扩展的状态管理
  • react-query - 用于在 React 中获取、缓存和更新异步数据的钩子
  • flux - 用于构建用户界面的应用程序架构
  • recoil - React 应用程序的实验状态管理库
  • xstate-react - 现代网络的状态机和状态图
  • zustand - 承担 React 中状态管理的必要性
  • easy-peasy - React 的素食友好状态
  • hookstate - 基于钩子的 React 的简单但非常强大且令人难以置信的快速状态管理
  • effector - 快速而强大的反应式状态管理器
  • reactn - React,但具有内置的全局状态管理
  • react-facet - 基于可观察的状态管理,用于在 React 中构建的高性能游戏 UI
React AR and VR
  • Viro React - Platform for rapidly building AR/VR applications using React Native
React Renderers
Forms
  • formik - 在 React 中构建表单,无需流泪
  • react-hook-form - 用于表单验证的 React Hooks
  • react-jsonschema-form - 用于从 JSON Schema 构建 Web 表单的 React 组件
  • react-final-form - 基于订阅的高性能 React 表单状态管理
  • unform - 以性能为中心的 React 表单 API
  • formily - 阿里巴巴集团统一表格解决方案
  • uniforms - 用于从任何模式构建表单的 React 库
  • formsy-react - React 的表单输入构建器和验证器
  • react-formal - 用于 React 的复杂 HTML 表单管理
Autocomplete
Graphics
Data Managing
  • immer - 通过改变当前状态来创建下一个不可变状态
  • ReSub - 用于编写更好的 React 组件和数据存储的库
  • immutable-js - Javascript 的不可变数据集合
  • baobab - 带有游标的 JavaScript 和 TypeScript 持久性和可选的不可变数据树
  • WatermelonDB - 用于强大的 React 和 React Native 应用程序的反应式和异步数据库⚡️
  • RxDB - JavaScript 应用程序的实时数据库
Maps
Charts
  • vx - 可视化组件
  • victory - 一组可组合的 React 组件,用于构建交互式数据可视化
  • react-vis - 数据可视化组件
  • recharts - 重新定义了用 React 和 D3 构建的图表库
  • nivo - 提供一套丰富的数据可视化组件,构建在 D3 和 React 库之上
  • echarts-for-react - 用于 React 包装器的 Apache ECharts 组件
  • react-apexcharts - 用于 ApexCharts 的 React 组件
  • chartify - 使用 CSS 构建图表的 React 插件

评论加载中...