透過 React Flow Pro 範例改善 Carto 的終端使用者體驗

Jesús Arroyo Torrens
Carto 的首席軟體工程師
Improving Carto's end-user experience with React Flow Pro examples screenshot

您能簡單介紹一下 Carto 嗎?

CARTO 是一個位置情報平台。我們的客戶可以透過我們的資料目錄和分析工具解決其空間問題。他們透過我們完全雲端的原生平台進行操作,因為我們已與最現代和功能強大的雲端資料倉儲(Google BigQuery、Snowflake、Amazon Redshift 等)整合。

您在 Carto 的職責是什麼?

身為前端開發人員,我致力於使我們平台的 UI 和 UX 達到最佳狀態。因此,我們的團隊目前使用 React 生態系統的相關技術,包括終端使用者應用程式(Workflows、Builder、Workspace)以及一系列開發人員工具(CARTO for React、CARTO for deck.gl)。

您面臨什麼問題或決策,讓您決定使用 React Flow?

我們希望為終端使用者提供易於使用且直觀的 UI,以便他們可以使用空間資料建立、分享和執行分析流程。傳統上,這只有少數專精於空間 SQL 領域且難以使用環境(複雜的桌面工具、CLI...)的專家才能做到。

您目前如何使用 React Flow?

我們將 React Flow 用於「Workflows」,這是我們的主要視覺工具,使用無程式碼工作流程方法自動化資料準備和分析管線。它與我們的 Workspace 和 Builder 工具(用於資產管理和地圖建立)整合。

您能否舉例說明您發現 React Flow 特別有用的地方?

我們評估了幾個工具(甚至使用不同的程式庫開始了概念驗證),但在詳細分析 React Flow 後,由於其設計完善的 API、帶有 Hook 的現代 React 程式碼、可擴充性和優良的文件,我們很快就遷移過去了。此外,我們發現 Pro 範例對於輕鬆增強功能非常有用。

到目前為止,您的 React Flow 訂閱功能如何為您提供協助?

我想說全部都有。我們一直渴望改善 Workflows 的 UI/UX,所以例如,我們在 Minimaps 推出後立即加入。我們還使用了「復原和重做」Pro 範例來啟發我們的實作,而最近的案例是回報了節點上鍵盤事件的一個小但惱人的問題,並且它很快就得到處理並包含在修補程式版本中。

您在整個過程中是否遇到任何關於此程式庫的問題?

從一開始,它在我們的前端程式碼庫中的整合就非常順利。我們能夠非常自主地完成整合

透過 React Flow Pro 取得 Pro 範例、優先處理錯誤報告、維護人員的 1 對 1 支援等更多資訊