12 个非常有用的React工具,助力你的效率提升!

390 阅读2分钟

记录、分享IT相关知识和见闻!

探讨软件开发技术、分享IT前沿资讯!

想要了解更多软件相关知识的朋友!

记得右上角添加【关注】,支持一下!


React是一个开源的、基于组件的JavaScript库,用于创建用户界面。

使用React可以很容易创建现代,快速,可访问的网站和web应用程序。

本文将列出了每个React开发人员都应该使用的工具和资源库。

1. React Beta Docs

React 全新的官方文档,入门必备。

官方地址:beta.reactjs.org/

2.Create React App

React 官方推荐的脚手架工具。

官方地址:
create-react-app.dev/

3.React Developer Tools

一款调试React组件的浏览器工具,使用它你可以看见你的React 组件的属性,以及状态等信息。

官方地址:
chrome.google.com/webstore/de…

4.Evergreen

evergreen 是一款React UI库,非常轻便,简介。

官方地址:
evergreen.segment.com/

5.Chakra UI

Chakra UI 是一个基于 React 的开源 UI 组件库,它提供了一系列现代化、可定制化的 UI 组件,可以帮助开发者快速构建美观、易用的 Web 应用程序。

官方地址:chakra-ui.com/

6.Framer Motion

Framer Motion 是一个基于 React 的开源动画库,它提供了一系列简单易用的 API,可以帮助开发者快速构建流畅、自然的动画效果。

官方地址:
www.framer.com/motion/

7.Storybook

Storybook 是一个开源工具,用于开发、测试和展示 React、Vue、Angular 和其他前端库的 UI 组件。

官方地址:storybook.js.org/

8.Bit

bit.dev 是一个基于 Git 的协作平台,用于共享、管理和重用前端组件和代码片段。它提供了一个集成开发环境,可以让开发者轻松创建、测试和发布组件。bit.dev 还提供了一些实用的工具和插件,可以帮助开发者更加高效地管理和重用组件。

官方地址:bit.dev/

9.Recoil

Recoil 是一个基于 React 的状态管理库,它提供了一种新的方式来管理 React 应用程序中的状态。Recoil 的核心思想是“原子状态”,即将应用程序的状态分解为多个原子状态,每个原子状态都可以独立地更新和订阅。

官方地址:recoiljs.org/

10.React bits

React bits 是一个收集了许多 React 技巧和最佳实践的开源项目,它提供了一系列简单易用的代码片段和组件,可以帮助开发者更加高效地开发 React 应用程序。

官方地址:
vasanthk.gitbooks.io/react-bits

11.UseHooks

一个介绍hooks使用的网站。

官方地址: usehooks.com/

12.Vitejs

一款全能的React 脚手架工具。21世纪,聪明的前端人员都用它。

官方地址:  vitejs.dev/guide/


⛱ 以上就是今天为大家带来的分享!

⛱ 如果文章对你有益;

⛱ 请记得【评论、收藏、转发、点赞】!

⛱ 创作不易,且读且珍惜,喜欢我的文章;

⛱ 喜欢我的文章,记得添加【关注】哦!

⛱ 再次感谢您的阅读。