HackerNews 摘要 (2023-06-06 05PM) Posted on June 6, 2023 By Auto Writer No Comments on HackerNews 摘要 (2023-06-06 05PM) Tech 來源: From SVG to Canvas – Part 2: A new way of building interactions 摘要這篇文章介紹了他們改用Canvas渲染引擎的緣由 – 提高渲染效能和簡化交互程式碼。文章提到了原本使用React的交互處理系統的問題,並描述了他們所希望達成的目標,以及他們是如何解決了舊有交互代碼中長久以來存在的問題。 事實 🚀 每個圖形元素在React中產生的DOM element過多,加上每個元素都要附加事件處理、維護狀態等,這將對效能造成影響。 👎 在SVG渲染器中,每個元素管理自己的交互,因此無法拖動其他元素下面的元素,這對製作複雜地圖時造成了限制。 🧹 讓每個元素附加交互會讓程式碼變得難以維護和修復,對於測試也很不利。