Tuyên ngôn Million.js – Cộng đồng DEV

Quá khứ

Quay trở lại những ngày mà JavaScript lần đầu tiên được hiển thị, thao tác DOM trực tiếp được sử dụng để tạo ra tính tương tác cho các trang net tĩnh. Cuối cùng, cảnh JavaScript đã chuyển sang các công nghệ mới như MooTools và jQuery, điều này đã giúp đơn giản hóa các hành động nhất định thành các chức năng đơn giản, có thể tái sử dụng. Tuy nhiên, vẫn còn một vấn đề cấp bách.

Mặc dù việc phát triển net trở nên dễ dàng hơn, nhưng việc mở rộng các ứng dụng net lớn đòi hỏi một lượng tương tác lớn là rất khó, vì các hoạt động nói chung là bắt buộc và khó tổ chức. Điều này dẫn đến sự phát triển của một số framework và thư viện, đặc biệt là React. Phản ứng nhằm mục đích cho phép phát triển khai báo và thành phần hóa để tạo giao diện người dùng có thể mở rộng. Để đạt được điều này, nhóm đằng sau React đã sử dụng kiến ​​trúc Digital DOM, nơi tính toán và logic được chuyển sang một thuật toán để xác định các thay đổi. Điều này có nghĩa là nhà phát triển chỉ phải tìm ra cách đánh dấu sẽ trông như thế nào.

React đã giúp đi tiên phong trong việc sử dụng rộng rãi JavaScript để hiển thị các ứng dụng net, dẫn đến sự nổi lên của kiến ​​trúc Digital DOM trong các thư viện khác và sử dụng các công nghệ mới như JSX.

Hiện tại

Ngày nay, sự phổ biến của các ứng dụng net không phải là không đáng kể. JavaScript và React có ở khắp mọi nơi và kiến ​​trúc Digital DOM được sử dụng trong nhiều thư viện phổ biến hiện nay (React.js, Vue.js, Preact.js, Elm, v.v.). “Hiển thị JavaScript thuần túy” đã giảm xuống khi sự phát triển của các bộ tiền xử lý như Webpack đã được coi là tiêu chuẩn, dẫn đường cho các bộ tiền xử lý, cho phép khả năng tương thích trên nhiều trình duyệt (ví dụ: Babel), công nghệ hiển thị trước và JAMstack.

Các khung và thư viện JavaScript có toàn bộ hệ sinh thái xung quanh chúng, với các công cụ như Subsequent.js xung quanh React giúp tăng cường cách thức phát triển net được thực hiện. Các nhà phát triển thư viện đang dần nhận ra tầm quan trọng của hiệu suất được hy sinh trong thế hệ nhà phát triển trước vì mục đích trải nghiệm của nhà phát triển. Điều này được nhìn thấy với xu hướng phân tích tĩnh với Svelte, hiện đang thúc đẩy việc sử dụng phổ biến các trình gói trong hầu hết các ứng dụng net.

Hiệu suất đang dần trở thành một ưu tiên, nhưng các công nghệ phụ thuộc vào Digital DOM như React về cơ bản đã lỗi thời, ngay cả với những cải tiến gia tăng với tải chậm và ISR trong Subsequent.js.

Tương lai

Thật dễ dàng để đọc lại, phát minh lại và khỉ vá những gì tồn tại. Với React và Digital DOM là công nghệ xương sống như vậy trong không gian thư viện JavaScript, điều tối quan trọng là các thư viện hàng đầu như Subsequent.js phải tận dụng vị trí của họ trong hệ sinh thái để đi tiên phong trong việc tối ưu hóa dựa trên trình biên dịch. Trong khi giải pháp đơn giản nhất là loại bỏ mọi thứ và sử dụng trình duyệt chỉ như mục tiêu biên dịch với một loạt các hoạt động bắt buộc, Digital DOM được cho là mang lại nhiều lợi thế. Nó giúp chúng tôi viết các giao diện khai báo không có khuôn mẫu, nghĩa là các điều kiện bị ràng buộc trong giới hạn của JavaScript, cũng như nhiều lợi ích khác.

Tương lai của Digital DOM không phải là sự hủy diệt của Digital DOM, mà là hạn chế việc sử dụng Digital DOM khi nó hoạt động mạnh mẽ trong khi tận dụng phân tích và biên dịch tĩnh (Điều này được thực hiện thông qua Million.js).

→ Bạn quan tâm đến việc Million khác biệt như thế nào?

Gần đây tôi đã có cơ hội trò chuyện với @rauchg về Million.js cũng như một số suy nghĩ của tôi về trạng thái hiện tại của Digital DOM. Anh ấy giải thích với tôi rằng tối ưu hóa Digital DOM chỉ là một khía cạnh của giai đoạn tiếp theo của các khuôn khổ net. Điều này bao gồm cách chúng tôi có thể cải thiện trải nghiệm chế độ phát triển, rung cây và kích thước gói, v.v.
rung cây mạnh – giảm kích thước bó. Tôi thực sự khuyên bạn nên xem Twitter và weblog, vì anh ấy có rất nhiều thông tin chi tiết có giá trị về ngành cũng như tác động có thể và cần được tạo ra như thế nào.