React 工具包含大量選項，可以選擇適合你任務(wù)的正確選項。當(dāng)你剛開始一個項目時，選擇正確的工具和 IDE 必須是最重要的一步。

1. React 開發(fā)者工具

它是最流行的 React 開發(fā)工具，并且仍然是最有用的調(diào)試方式。React Developer Tools 是一個開源的 React JS 庫，它允許分析 React 樹，包括 props、組件的層次結(jié)構(gòu)、狀態(tài)等。你還可以分析組件如何影響其他組件。你可以使用此瀏覽器擴展程序調(diào)試你的組件。

該工具提供完整的反應(yīng)鉤子支持，允許你在不創(chuàng)建類的情況下使用反應(yīng)功能。通過其過濾器機制更容易導(dǎo)航到嵌套層次結(jié)構(gòu)。

2. Create React App

基本上，這個工具可以幫助你為一個全新的 React 項目引導(dǎo)一個命令行。你終于可以不再擔(dān)心最佳的項目結(jié)構(gòu)，或者添加什么正確的支持模塊，這個工具會處理一切。

Create React App 的特點：支持 React 鉤子;對 TypeScript 的 Linting 支持;瀏覽器列表支持。

3. React Bootstrap

這是人們一直在使用的常見 CSS 框架。嚴(yán)格來說，它提供了一組 CSS 類和 JavaScript 函數(shù)，允許你使用這些技術(shù)中的任何一種構(gòu)建漂亮的 UI。為了確保與 React 的兼容性，React Bootstrap 的開發(fā)人員現(xiàn)在重新編寫了 JS 位。所以你現(xiàn)在可以像使用 React 的組件一樣使用它們的組件。

React Bootstrap 的特點：默認(rèn)可訪問;以引導(dǎo)程序為核心;用 React 重建。

4. Reactide

Reactide 是第一個用于創(chuàng)建 Web 應(yīng)用程序的 IDE。這個跨平臺的桌面框架保證了便利性，比如在瀏覽器中打開單個 React JSX 文件會自動渲染 react 項目。這涉及一個定制的瀏覽器模擬器和一個集成的節(jié)點服務(wù)器，它消除了你對服務(wù)器配置和內(nèi)置軟件的依賴。

憑借其對項目架構(gòu)的實時表示，Reactide 還保證了可視化編輯幫助。憑借其大量的 GUI 按鈕，從瀏覽器的模擬中進(jìn)行輸入比以往任何時候都簡單。

對于想要創(chuàng)建漂亮和可用的用戶界面的前端開發(fā)人員來說，有了這些廣泛的可用工具，React 正在成為一個非常有用的庫。