ReactCheatSheet如果你是react的新手，那么你要记住很多react的语法和一些特殊的用法，你需要了解很多react的基础知识，比如jsx语法，比如生命周期，比如hooks的使用，比如组件的传值等等，通过reactcheatsheet网站，可以很方便的查看。ReactDevTools在开发原生js的时候，我们经常会用到浏览器自带的开发者工具，这足以帮助我们查看和调试js中变量的各种信息，但是对于react框架来说，因为它使用了动态渲染生成的代码因此，我们需要一个可以分析react代码结构和变量状态的工具，而reactdevtools就是这样一个工具，通过安装这个浏览器扩展，我们可以很方便的分析出react框架中各个变量的状态信息，你还可以分析react路由等信息。总之，拥有它将会对我们调试react应用起到巨大的作用，几乎是开发调试react的必备应用。ReactSight也是一个浏览器扩展，需要安装上面的reactdevtools扩展才能使用。安装后，您可以看到一个可视化界面，通过该界面可以可视化应用程序的结构。BundleAnalyzer当我们打包我们的应用程序时，我们总是希望我们的应用程序尽可能小。bundleanalyzer可以分析出每个插件和每个模块的大小，方便我们进行优化。useHooksHooks是React中的一个新特性，它允许我们在不编写类的情况下使用状态和其他React特性。很多人不太明白如何使用钩子，但这没关系。关于hooks的使用，已经有人总结了很多，并且提供了详细的案例帮助我们理解。您只需访问usehooks网站即可查看和使用它们。StorybookStorybook是一个用于独立构建UI组件和页面的开源工具。它简化了UI开发、测试和文档编制。Storybook是一个强大的前端工作室环境工具，它允许团队设计、构建和组织UI组件，而不会被业务逻辑和管道绊倒。编写故事一次并重用它们以支持自动化测试。Storybook允许我们轻松地将技术文档包含到我们的设计系统中，从而使开发组件变得更加容易。Formik表单处理是web开发中经常遇到的问题，而Formik是一个可以在React中构建表单的组件。它是一个小型库，可以保存表单的各种状态。它为错误处理和表单验证提供了非常友好的处理方法。可以说是专门为表单处理而生的。ESLINTESLint是一个静态分析工具，可以快速定位和发现项目代码中的问题，并能自动修复大部分问题。它使用语法感知技术，在修改时不会引入其他错误。ESLint有许多内置的预处理规则，可以让你以几乎零配置的方式处理大多数问题。当然，你也可以自定义规则，让ESLint按照你的方式处理代码。ReactHotLoaderReactHotLoader是一个热重载插件，它允许React组件在运行时重新加载而不会丢失状态。它与Webpack和其他支持热模块替换(HMR)和Babel插件的捆绑器一起使用。使用它，可以大大提高你的开发效率。综上所述，React是一个非常强大的UI框架。无论是它的声明式语法还是组件化封装，都越来越受到人们的欢迎。一次学习，多端操作，让你体验它的强大，多学一门技能总是没有错的，尤其是react这种被很多大厂认可的框架。
