12 个非常有用的React工具,助力你的效率提升!(12 个非常有用的react工具,助力你的效率提升了吗)

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

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

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

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


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

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

2

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

1. React Beta Docs

2

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

官方地址:https://beta.reactjs.org/

2.Create React App

2

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

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

3.React Developer Tools

2

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

官方地址:https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

4.Evergreen

2

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

官方地址:https://evergreen.segment.com/

5.Chakra UI

2

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

官方地址:https://chakra-ui.com/

6.Framer Motion

2

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

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

7.Storybook

2

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

官方地址:https://storybook.js.org/

8.Bit

2

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

官方地址:https://bit.dev/

9.Recoil

2

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

官方地址:https://recoiljs.org/

10.React bits

2

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

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

11.UseHooks

2

一个介绍hooks使用的网站。

官方地址:https://usehooks.com/

12.Vitejs

2

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

官方地址: https://vitejs.dev/guide/


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

如果文章对你有益;

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

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

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

再次感谢您的阅读。


❀ 长按【点赞】会有惊喜哦!❀

~End~

#头条创作挑战赛#

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年4月20日 上午9:20
下一篇 2023年4月20日 上午9:36

相关推荐