25个最佳React开发工具2019

工具类 对于开发任何应用程序(尤其是React)都是必不可少的,因此在本文中,我’ve收集了25个Best 反应 Development 工具类 2019,以适应构建和增长现代应用程序的需求。

Codesandbox客户端

专为Web应用程序开发而设计的在线代码编辑器。 JavaScript社区以共享为卖点。它拥有最大的开源社区,每天都有新想法和提议在Twitter上分享。这很棒,而且确实很强,但是这样做的副作用是,在开始构建之前,需要考虑很多工具和配置。 CodeSandbox旨在通过允许开发人员简单地在其浏览器中转到一个URL来开始构建,从而解决此问题。这不仅使入门变得更容易,而且也使共享变得更容易。您可以通过共享URL来共享创建的工作,然后其他人(无需下载)就可以在这些沙箱上进行进一步开发。

Codesandbox客户端

盖茨比

盖茨比是React的快速静态站点生成器。它使您可以构建一个React应用程序,并一键完成服务器端渲染。通过直接提供预渲染的内容,这消除了任何SEO焦虑,并大大提高了负载性能。初始加载后,可以加载任何不必要的内容和其他功能。

盖茨比

Next.js

Next.js是一种简约 构架 用于服务器渲染的React应用程序。 Next.js得到一个稳定的组织的支持,该组织在开源世界中也非常活跃。接下来的几个月不会消失,很可能会留下来。

Next.js

创建React应用

通过运行一个命令来设置现代Web应用程序。脸书’s create-react-app是使用React开始开发的一种简便方法。它使您可以专注于组件的开发,而无需首先学习如何设置Typescript,Webpack和Babel。借助create-react-app,您可以轻松创建React应用。您可以在本地启动它。到现在为止还挺好。

创建React应用

反应热加载器

实时调整React组件。 反应热加载器是一个插件,它允许实时重新加载React组件而不会丢失状态。它可与同时支持Hot Module Replacement(HMR)和Babel插件的Webpack和其他捆绑软件一起使用。

反应热加载器

可加载组件

反应代码拆分变得容易。减少捆束的大小而无压力。

可加载组件

反应原型

反应-Proto是面向开发人员和设计人员的React应用程序原型设计工具。 反应-Proto允许用户预先可视化/设置其应用程序体系结构,并将该体系结构作为应用程序文件弹出到以前的项目或新的create-react-app项目或来自任何存储库的入门模板。

反应原型

反应 Lifecycle Visualizer

用于跟踪的npm软件包&可视化任意React组件的生命周期方法。要跟踪组件,请对其应用较高级别的组件traceLifecycle,其所有生命周期方法调用将显示在可重播的日志组件中。

反应 Lifecycle Visualizer

酵素

酵素是一个用于React的JavaScript测试实用程序,可以更轻松地测试您的 反应组件 输出。您还可以根据给定的输出进行操作,遍历并以某种方式模拟运行时。酵素’模仿jQuery可以使API直观而灵活’用于DOM操作和遍历的API。

酵素

反应测试库

简单而完整的React DOM测试实用程序,鼓励良好的测试实践。

反应测试库

中微子

使用零初始配置创建和构建现代JavaScript项目。 中微子是一个辅助工具,可让您使用共享的预设或配置来构建Web和Node.js应用程序。它旨在通过提供最小的开发依赖关系来简化初始化和构建项目的过程。

中微子

故事书

故事书是UI组件的开发环境。它使您可以浏览组件库,查看每个组件的不同状态以及以交互方式开发和测试组件。

故事书

反应视线

反应视线是您的React应用程序的组件层次结构树的实时视图,并支持React Router和Redux。

反应视线

表型

开发完成后,Phenomic将帮助您生成可以部署在任何静态主机上的静态文件(HTML,CSS和JavaScript文件)。结果将是一个SEO友好的网站(所有页面均已构建并可以作为HTML文件提供)并针对快速浏览进行了优化(在第一个HTML页面之后,JavaScript文件将处理客户端导航,仅下载不需要重新加载整个页面的内容) 。

表型

反应宇宙

反应宇宙,面向UI开发人员的开发工具。您可能将其称为“组件游乐场”或“隔离的开发环境”,但是到最后,您只需要记住它就摇摆了。

反应宇宙

孔雀鱼

一个友好的应用程序管理器和React.js的任务运行器。 孔雀鱼是一个免费使用的桌面应用程序,旨在使您更轻松地开始构建React Web产品。它为React开发人员面临的许多典型任务提供了友好的GUI。

孔雀鱼

反应堆

一个用于检查您的React JS和React Native项目的桌面应用程序。 macOS,Linux和Windows。

反应堆

反应 Perf开发工具

浏览器开发人员工具扩展,用于检查React组件的性能。

反应 Perf开发工具

套件

开发,记录和测试React组件库的工具。

套件

清醒的

开发人员工具,用于使用React和GraphQL的工程师。

清醒的

azz

创建没有配置的服务器呈现的通用JavaScript应用程序。通用JavaScript应用程序很难设置。您可以购买Next.js之类的框架,也可以购买React-server,进行样板制作,或者自己进行设置。为了填补这一空白,Razzle是一款将SSR所需的所有复杂配置抽象为单个依赖项的工具–给您带来很棒的create-react-app开发人员体验,但其余的则留给您’关于框架,路由和数据获取的架构决策。通过这种方法,Razzle不仅可以与React一起使用,而且还可以与Reason,Elm,Vue,Angular一起使用,而且最重要的是..接下来的任何事情。

azz

反应物

反应物是第一个专用于React Web应用程序开发的IDE。 反应物是一个跨平台的桌面应用程序,提供了一个模拟器,用于实时重新加载和快速的React组件原型制作。 反应带来了一套集成的开发工具,以简化React开发。在浏览器,IDE和服务器之间切换的日子已经过去。

反应物

反应 Styleguidist

反应 Styleguidist是一个组件开发环境,具有热重载的开发服务器和一个实时环境 时尚指南 您可以与您的团队分享。它列出了组件propType,并根据Markdown文件显示了可编辑的实时使用示例。

反应 Styleguidist

用于开发,分发和协作再利用组件的工具。跨团队轻松地在项目之间共享代码。

位

反应弹弓

带有Babel,热重装,测试,整理和内置工作示例应用程序的React + Redux入门套件/样板。

反应弹弓

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.