React JS 是一個(gè) JavaScript 庫，常用于前端 Web 應(yīng)用程序的開發(fā)。這涉及一系列庫和應(yīng)用程序，可讓你繼續(xù)工作并提高工作效率。React 工具包含大量選項(xiàng)，可以選擇適合你任務(wù)的正確選項(xiàng)。當(dāng)你剛開始一個(gè)項(xiàng)目時(shí)，選擇正確的工具和 IDE 必須是最重要的一步。

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

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

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

2. Create React App

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

Create React App 的特點(diǎn)：支持 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 的特點(diǎn)：默認(rèn)可訪問；以引導(dǎo)程序?yàn)楹诵?；?React 重建。

4. Reactide

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

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

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