React常用资源(个人使用)
2017/03/21 前端
React
用于构建用户界面的 JavaScript 库
React 文档资源
React 社区
React 在线测试工具
React Tutorials
React General Tutorials
React Hooks
- React Hooks
- Awesome React Hooks
- Thinking in React Hooks
- Replacing Redux with React Hooks and Context
- React Hooks cheat sheet: Unlock solutions to common problems
- How to fetch data with React Hooks?
- Easy to understand React Hook recipes
- React Hooks Video Tutorial
React and TypeScript
- TypeScript, React and Webpack
- JSX in TypeScript
- Cheatsheets for experienced React developers getting started with TypeScript
- React by Example
React Performance
- React Optimizing Performance
- Introducing the React Profiler
- Optimizing React: Virtual DOM explained
- A Definitive Guide to Optimize Major Performance issues in React
- Twitter Lite and High Performance React Progressive Web Apps at Scale
- Using the React DevTools Profiler to Diagnose React App Performance Issues
- Top 5 Practices to Boost React Performance
- React is Slow, React is Fast: Optimizing react Apps in Practice
- Rendering large lists with react-window
React Internals
- Reconciliation
- React Fiber Architecture
- Build your own React
- Inside Fiber: In-depth overview of the new reconciliation algorithm in React
- Entire React code base explanation by visual block schemes
React Interview Questions
- 13 Essential React Interview Questions
- List of React interview Questions and Answers
- React Coding Challenges
React Tools
React Development Tools
- react-devtools - 在 Chrome 和 Firefox 开发者工具中检查 React 组件层次结构
- react-hot-loader - 实时调整 React 组件
- react-loadable - 用于加载带有承诺的组件的高阶组件
- loadable-components - React 代码拆分变得容易
- reactotron - 用于检查 React 和 React Native 项目的桌面应用程序
- storybook - UI 组件开发和测试
- docz - 零配置,使用 Markdown + JSX 实时重新加载文档
- react-styleguidist - 带有生活风格指南的独立 React 组件开发环境
- react-cosmos - 用于创建可重用 React 组件的开发工具
- eslint-plugin-react - 为 ESLint 反应特定的 linting 规则
- eslint-plugin-jsx-a11y - 用于 JSX 元素上的 a11y 规则的静态 AST 检查器
- @axe-core/react - React 应用程序的可访问性审计
- DataFormsJS JSX Loader - 用于直接在网页上快速将 JSX 转换为 JS 的小型 JavaScript 编译器
- Why Did You Render - Monkey 补丁 React 通知您有关可避免的重新渲染.
- Divjoy - React 代码库和 UI 生成器以加快开发速度(付费)
- Plasmic - 用于可视化构建 React 组件的强大设计工具.
- jsx-ast-utils - 用于静态分析 JSX 的 AST 实用程序模块
- react-scanner - 从代码中提取 React 组件和道具用法
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 - Adobe 的库和工具集合,可帮助您构建适应性强、可访问且强大的用户体验
- 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
- Awesome React Components list
- react-select - React 的 Select 组件
- react-beautiful-dnd - 漂亮且易于使用的 React 列表拖放
- react-dnd - 拖放反应
- react-grid-layout - 具有响应断点的可拖动和可调整大小的网格布局
- react-table - 用于 React 的轻量级、快速且可扩展的数据网格
- react-data-grid - 使用 React 构建的类似 Excel 的网格组件
- react-draggable - 反应可拖动组件
- react-resizable-and-movable - 一个可调整大小和可拖动的 React 组件
- react-resizable - 一个简单的 React 组件,可通过手柄调整大小
- react-resizable-box - 一个可调整大小的 React 组件
- react-searchbox-awesome - 简约的搜索框
- react-sortable-pane - 用于 React 的可排序和可调整大小的窗格组件
- react-spaces - 可嵌套、可调整大小、锚定、可滚动的组件
- react-dates - 一个易于国际化、移动友好的网络日期选择器库
- react-big-calendar - 日历组件
- react-datepicker - ReactJS 日期选择器
- react-list - 多功能无限滚动 React 组件
- react-intl - 国际化 React 应用程序
- react-i18next - 正确完成 React 的国际化
- react-aria-modal - 一个完全可访问的 React 模式
- react-hotkeys - React 的声明式热键和焦点区域管理
- react-keydown - React 组件的轻量级 keydown 包装器
- react-joyride - 为您的应用创建导览
- react-virtualized - React 组件可有效呈现大型列表和表格数据
- react-window - React 组件可有效呈现大型列表和表格数据
- react-text-mask - React 的输入掩码
- react-loading-skeleton - 创建自动适应您的应用程序的骨架屏幕
- react-spinkit - 一组使用 CSS 为 React 设置动画的加载指示器
- rheostat - 使用 React 构建的可访问滑块组件
- qrcode.react - 用于 React 的 QR 组件
- react-archer - 在 React 元素之间绘制箭头
- react-pdf-viewer - 为 React 制作的 PDF 查看器
- react-parallax-tilt - 在 React 组件上轻松应用倾斜悬停效果
- react-popper - 以优雅、高效的方式定位工具提示和弹出框
- react-tsparticles - 轻松创建高度可定制的粒子动画
- react-spring - 用于 React 应用程序的基于 Spring-physics 的动画库
- framer-motion - 用于支持生产就绪动画的 React 库
- react-accessible-accordion - 用于创建符合 WAI ARIA 可访问性规范的“手风琴”的 React 组件.
- react-truncate-markup - 用于截断 JSX 标记的 React 组件.
- react-cookie - 用于 React 的通用 cookie
- react-slick - 使用 React 构建的 Carousel 组件
- react-gtm-module - 用于 React 的 Google 标签管理器模块
- react-device-detect - 检测设备反应
- react-colorful - 一个很小的 (2,5 KB)、无依赖、快速和可访问的颜色选择器组件
- react-modal - React 的可访问模态对话框组件
- cleave.js - 键入时格式化输入文本内容
- react-fontawesome - Font Awesome 5 React 组件
- react-advanced-cropper - 用于图像裁剪的高级 React 组件
React Testing
- jest - 令人愉快的 JavaScript 测试框架
- enzyme - 用于 React 的 JavaScript 测试实用程序
- react-testing-library - 简单而完整的 React DOM 测试工具
- react-hooks-testing-library - React 挂钩测试实用程序,鼓励良好的测试实践
- majestic - Jest 的零配置 GUI
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 - Adobe 的 React Hooks 库,为您的设计系统提供可访问的 UI 原语
- react-uploady - React 的现代文件上传组件和钩子.
React Integration
- ReasonReact
- React Rails
- ReactJS.NET
- om - ClojureScript 界面
- Reagent - React.js 的简约 ClojureScript 接口
- Express React views
- React Page Middleware
- ngReact - 在 Angular 中反应组件
- coffee-react-transform - 为 Coffeescript 提供 React JSX 支持
- sprockets-coffee-react - CJSX 链轮预处理器
- react-kup - 用于咖啡脚本的 jsx 的简单、非侵入式替代方案
- turbo-react - 结合 Turbolinks 和 React 来应用 DOM 差异
- react-bacon - 一个用于在 Bacon.js 中使用 React 的小模块
- msx - React 的 JSX 转换器,调整为输出对 Mithril 的调用
- react-backbone - 用于反应的骨干感知混合
- NestedReact - 与 Backbone Views 和 NestedTypes 模型的透明集成
- backbone-reaction - 反应,骨干,然后一些
- react.backbone - React 插件使 Backbone 迁移更容易
- reactbone - 主干的反应扩展
- backbone-react-ui - 与主干和主干分页器一起使用的反应组件
- react-events - 反应组件的声明性托管事件绑定
- react-mixin-manager - React mixin registration manager
- react-topcoat by @plaxdan - 使用 React 库构建的 Topcoat CSS 组件
- react-topcoat by @arnemart - 用于 Topcoat 的 React 组件集合
- reactdown - 使用 Markdown 语法编写 React 组件
- react-jade - Compile Jade to React JavaScript
- jade-react - 将 Jade 模板编译为 React.DOM 表达式
- gulp-jade-react - 使用 Gulp 将 Jade 模板编译为 React 脱糖 JSX
- sbt-reactjs - 使用 npm 响应 SBT 插件
- scalajs-react - Scala.js 和 Facebook 的 React 之间的内疚事件
- react-xtags - 使用 React 实现 xtags
- jreact - 在服务器端 Java 上做出反应(使用 Rhino 或 Nashorn)
- React.hiccup - 完全替代用 sweet.js 编写的 JSX
- react-play - 使用 JDK8 的 Nashorn 在 Play 框架中渲染 React 组件
- rx-react - 在 RxJS 中使用 React 的实用程序
- react-with-di - 带有 DI 的 React.js 原型
- reactfire - ReactJS mixin 可轻松集成 Firebase
- react-clickdrag-mixin - 用于 React 组件的 ClickDrag mixin
- react-masonry-mixin - Standalone mixin for Masonry (@desandro)
- react-packery-mixin - Packery 的独立 mixin (Metafizzy)
- react-dropzone - 带有 React.js 的简单 HTML5 拖放区.
- aframe-react - A-Frame VR + React
- react-three-fiber - 一个用于threejs(web 和react-native)的react reconciler
- react-three - 反应绑定以使用three.js 创建和控制3D 场景
- react-three-renderer - 使用 React 渲染成一个 Three.js 画布
- react-threejs - React 和 Three.js 之间最简单的绑定
- react-masonry-css - 由 CSS 驱动的快速砌体布局,无依赖
- react-captcha - 谷歌的 react.js reCAPTCHA
- reaptcha - 用于 Google reCAPTCHA 的干净、现代且简单的 React 包装器
- react-recaptcha-that-works - 适用于 React 的 reCAPTCHA 桥
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
- react-three-fiber - Three.js 的 React 渲染器
- react-pdf - 使用 React 创建 PDF 文件
- ink - 响应交互式命令行应用程序
- react-blessed - 一个用于祝福终端接口库的 React 渲染器
- react-sketchapp - 将 React 组件渲染到 Sketch
- react-figma - Figma 的 React 渲染器
- react-nil - 反应空渲染器
- remotion - 在 React 中以编程方式创建视频
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
- react-autocomplete by @rackt - 符合 WAI-ARIA 的 React 自动完成(存档,只读)
- react-autosuggest by @moroshko - 符合 WAI-ARIA 的 React 自动建议组件
- react-autocomplete by @eliseumds - 只是品尝一些 ReactJS + RxJS
- react-autocomplete by @prometheusresearch - 基于 React 的自动完成小部件
- instatype by @gragland - 简单的反应自动完成组件
- downshift - 构建简单、灵活、符合 WAI-ARIA 的增强型输入 React 组件的原语
- React Bootstrap Typeahead - 基于 React 的 typeahead,它依赖于 Bootstrap 进行样式设置,最初受到 Twitter 的 typeahead.js 的启发.
Graphics
- react-art - React Bridge 到 ART 绘图库
- react-canvas - 高性能
<canvas>
React 组件的渲染 - react-famous - Famo.us 以 60 FPS 的复杂 3D 动画 UI
- react-kinetic - HTML5 Canvas 通过 KineticJS 使用 React
- react-svg-morph - 将你的 svg 组件变成另一个
- react-hooks-svgdrawing - 使用 React 钩子绘制 SVG
- react-svg-pan-zoom - 向 SVG 添加平移和缩放功能的 React 组件.
Data Managing
- immer - 通过改变当前状态来创建下一个不可变状态
- ReSub - 用于编写更好的 React 组件和数据存储的库
- immutable-js - Javascript 的不可变数据集合
- baobab - 带有游标的 JavaScript 和 TypeScript 持久性和可选的不可变数据树
- WatermelonDB - 用于强大的 React 和 React Native 应用程序的反应式和异步数据库⚡️
- RxDB - JavaScript 应用程序的实时数据库
Maps
- react-googlemaps - 对谷歌地图的反应界面
- react-maps - React 的地图组件
- react-google-maps - React.js 谷歌地图集成组件
- react-gmaps - React.js 的谷歌地图组件
- react-map-gl - MapboxGL-js 的 React 包装器和覆盖 API
- google-map-react - 同构谷歌地图 React 组件
- react-mapbox-gl - 使 API 反应友好的 mapbox-gl-js 包装器
- google-maps-react - 使用 React、延迟加载依赖项、当前位置查找器和 Fullstack React 团队的测试驱动方法的声明性 Google Map React 组件.
- react-leaflet - 用于传单地图的反应组件
- react-geo - 一组使用 react、antd 和 ol 的地理相关组件
- pigeon-maps - 没有外部依赖的 ReactJS 映射
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 插件
评论加载中...