Làm thế nào để cấu trúc dữ liệu liên tục giúp Om nhanh hơn

Question

Om, trình bao bọc clojurescript của React, được cho là rất nhanh vì nó thúc đẩy bất biến. Tôi không thể hiểu cấu trúc dữ liệu liên tục có thể trợ giúp như thế nào ở đây.

Điều tôi đã hiểu là trạng thái ứng dụng là một nguyên tử. Trạng thái này được chuyển tới các hàm (các thành phần om) trả về các nút DOM ảo, để tạo ra một "bản vá" về sự khác biệt giữa DOM ảo hiện tại và trạng thái trước đó của nó tốt hơn nhiều sau đó hoạt động trực tiếp trên DOM thực tế.

Nhưng nơi cấu trúc dữ liệu liên tục có thể trợ giúp ở đây?

(def app-state (atom {:foo {:counter 0})) 
(om/root click-counter app-state {:target ...}) 

ví dụ click-counter làm cho một nút mà khi nhấn vào increments quầy. Vì vậy, Chức năng chuyển trông như thế này:

(dom/button #js {:onClick #(om/transact! app [:foo :counter] inc)} 
      (str "clicked " (-> app :foo :counter) " times")) 

tôi đã hiểu thế này: khi onClick là clojurescript thực hiện tạo ra một bản đồ mới (rất hiệu quả) như thế này:

{:foo {:counter 1}} 

và app-state nay chỉ vào bản đồ mới . Tại thời điểm này, Om biết rằng trạng thái được thay đổi bởi vì nó chỉ là vấn đề kiểm tra bình đẳng.

Vấn đề ở đây là Om vẫn nên tính toán sự khác biệt giữa toàn bộ DOM ảo cũ và phiên bản mới. Nó không biết rằng chỉ cần truy cập được thay đổi.

Lỗi của tôi ở đâu?

Answer 1

Khi trạng thái ứng dụng được lưu trữ trong cấu trúc cây cố định như bản đồ, ngay lập tức hiển thị các phần của cây trạng thái không thay đổi và không cần cập nhật. Điều này là do bất kỳ thay đổi nào đối với đứa trẻ đều thay đổi phụ huynh. Với những thay đổi cấu trúc dữ liệu có thể thay đổi cho trẻ em không cần phải thay đổi cha mẹ.

Vì vậy, nếu tiểu bang của bạn trông như thế này:

{:part1 [1 2 3 4] 
:part2 [:a :b]} 

và bạn thực hiện một trạng thái mới bằng cách thêm một cái gì đó trong part2:

{:part1 [1 2 3 4] 
:part2 [:a :b :c]} 

thì hàm so sánh có thể nhìn và thấy rằng giá trị trong : part1 của trạng thái cũ và mới là cùng một đối tượng và do đó không thể thay đổi bất kỳ trạng thái lồng nhau nào vì nó không thay đổi.