React 工具包含大量选项,可以选择适合你任务的正确选项。当你刚开始一个项目时,选择正确的工具和 IDE 必须是最重要的一步。
1. React 开发者工具
它是最流行的 React 开发工具,并且仍然是最有用的调试方式。React Developer Tools 是一个开源的 React JS 库,它允许分析 React 树,包括 props、组件的层次结构、状态等。你还可以分析组件如何影响其他组件。你可以使用此浏览器扩展程序调试你的组件。
该工具提供完整的反应钩子支持,允许你在不创建类的情况下使用反应功能。通过其过滤器机制更容易导航到嵌套层次结构。
2. Create React App
基本上,这个工具可以帮助你为一个全新的 React 项目引导一个命令行。你终于可以不再担心最佳的项目结构,或者添加什么正确的支持模块,这个工具会处理一切。
Create React App 的特点:支持 React 钩子;对 TypeScript 的 Linting 支持;浏览器列表支持。
3. React Bootstrap
这是人们一直在使用的常见 CSS 框架。严格来说,它提供了一组 CSS 类和 JavaScript 函数,允许你使用这些技术中的任何一种构建漂亮的 UI。为了确保与 React 的兼容性,React Bootstrap 的开发人员现在重新编写了 JS 位。所以你现在可以像使用 React 的组件一样使用它们的组件。
React Bootstrap 的特点:默认可访问;以引导程序为核心;用 React 重建。
4. Reactide
Reactide 是第一个用于创建 Web 应用程序的 IDE。这个跨平台的桌面框架保证了便利性,比如在浏览器中打开单个 React JSX 文件会自动渲染 react 项目。这涉及一个定制的浏览器模拟器和一个集成的节点服务器,它消除了你对服务器配置和内置软件的依赖。
凭借其对项目架构的实时表示,Reactide 还保证了可视化编辑帮助。凭借其大量的 GUI 按钮,从浏览器的模拟中进行输入比以往任何时候都简单。
对于想要创建漂亮和可用的用户界面的前端开发人员来说,有了这些广泛的可用工具,React 正在成为一个非常有用的库。