React Developer Tools 是一个扩展插件,它允许在 Chrome 和 Firefox 开发人员工具中查看 React 组件层次结构。 这是React 开发中最常见的扩展插件,并且是 React 开发人员用来调试其应用程序的最有用的工具之一。 9. Bit 在使用诸如 material-ui 或 semantic-ui-react 之类的组件库时,Bit 是一个很好的替代方案。...
多个 React 版本：此 React 工具支持多个 React 版本，使其与可能使用不同 React 版本的不同项目兼容。你可以在 DevTools 设置中切换不同的 React 版本，允许你检查和调试具有不同依赖项的 React 应用程序。可访问性检查： React DevTools 包含可访问性检查功能，可帮助您识别和修复 React 组件中的可访问性问题。...
ahooks 是一个由阿里巴巴团队开发的 React Hooks 库,提供了一系列高效、易用的钩子函数,如数据请求、状态管理、性能优化等,旨在简化 React 应用开发,减少样板代码,并支持 Type,适合用于构建复杂和高效的前端应用。 Github:https://github.com/alibaba/hooks国际化:react-i18next react-i18next 是一个用于 React 应...
通过React 开发者工具(React Developer Tools)可以检查 React components、编辑 props 和state,以及定位性能问题。 浏览器扩展 对使用 React 构建的网站进行调试的最简单方法就是安装并使用 React 开发者工具的浏览器扩展插件。该插件支持几种常简的浏览器: 为Chrome 浏览器安装扩展插件 为Firefox 浏览器安装扩展插件 ...
React — zustand状态管理工具 zustand是一个用于状态管理的简单而强大的库,它可以与 React 一起使用。它提供了一种简单的方式来管理组件的状态,并且遵循了 React Hooks 的使用规范。 使用zustand可以方便地创建和共享状态,同时还能够实现状态的订阅和更新。通过zustand,你可以创建自定义的状态钩子,并在组件中使用...
状态管理工具 Dvajs Dvajs 是基于redux,react-redux,redux-saga的状态管理工具, 在dva 中,同步触发的reducers,异步触发effects和订阅监听的subscriptions构成了状态管理组织模型。dvajs在github目前获得15.8k+star 。 7.jpg 原理图: 8.png 参考官网:https://dvajs.com/ ...
最近看到一些实用的React工具库,总结了一下分享给大家,避免重复造轮子。希望对你有所帮助~ 一、基础 1. React Infinite Scroller React Infinite Scroller 用于在React项目中无限滚动加载内容。 npm地址:npmjs.com/package/react 2. react-dnd React DnD是React和Redux核心作者 Dan Abramov创造的一组React 高阶组件...
创建React应用(Create React App) 前端必备的20种基本React工具「干货」 网站:create-react-app.dev 仓库:http://github.com/facebook/create-react-app GitHub星级:76,000+ 开发人员:Facebook 当前版本:3.4 贡献者:700+ 触发新的React项目的典型工具。这通过单个npm软件包管理所有React依赖项。不再需要处理Babel...
React-Proto 是一款提供给研发人员和设计人员的原型化工具。这是一款桌面软件,所以在使用前必须进行下载和安装。 这是该软件使用实例: 这款应用程序允许用户申报小道具及其类型,在树形图中查看组件,输入背景图像,定义其有无状态,明确其父组件是什么,进行缩放,将原型输出到一个新的或已存在的项目中。 这款程序看上去...