Có gì mới trong Angular 16 và những gì mong đợi

Apr 06 2023

Tổng quan ngắn gọn về các tính năng mà chúng tôi hào hứng nhất đối với Angular v16 là bản phát hành chính tiếp theo của khung Angular và dự kiến sẽ phát hành vào tháng 5 năm 2023. Tôi rất hào hứng với bản phát hành này, bao gồm một số tính năng và cải tiến mới. 'đã được mong đợi.

Tổng quan ngắn gọn về các tính năng mà chúng tôi hào hứng nhất

Logo góc cạnh | hình ảnh của tác giả

Angular v16 là bản phát hành chính tiếp theo của khung Angular và dự kiến sẽ phát hành vào tháng 5 năm 2023. Tôi rất hào hứng với bản phát hành này, bao gồm một số tính năng và cải tiến mới mà tôi đã mong chờ.

Hãy bắt đầu với tính năng mà mọi người hào hứng nhất — giới thiệu các tín hiệu.

tín hiệu

Tín hiệu là một cách mới để quản lý các thay đổi trạng thái trong các ứng dụng Angular, lấy cảm hứng từ các hook Svelte và React. Tín hiệu là các hàm trả về một giá trị ( get()) và có thể được cập nhật bằng cách gọi chúng bằng một giá trị mới ( set()). Các tín hiệu cũng có thể phụ thuộc vào các tín hiệu khác, tạo ra biểu đồ giá trị phản ứng tự động cập nhật khi bất kỳ yếu tố phụ thuộc nào thay đổi. Các tín hiệu có thể được sử dụng với các thiết bị quan sát RxJS, vẫn được hỗ trợ trong Angular v16, để tạo các luồng dữ liệu khai báo và mạnh mẽ.

Trình giải thích trực quan đẹp mắt của Sarah Drasner
Sân chơi Signals StackBlitz của Enea Jahollari
Tín hiệu và khả năng phản ứng chi tiết trong Góc của Michael Hladky — cuộc nói chuyện tại hội nghị từ NG-BE 2023

Một trong những tính năng được mong đợi nhất của Angular v16 là xem xét lại mô hình phản ứng và làm cho Zone.js trở thành tùy chọn để cải thiện hiệu suất thời gian chạy. Zone.js là một thư viện vá các API của trình duyệt để phát hiện các thay đổi và kích hoạt phát hiện thay đổi trong các ứng dụng Angular. Mặc dù điều này làm cho Angular dễ sử dụng và viết, nhưng nó cũng bổ sung thêm một số chi phí và độ phức tạp cho khung. Trong Angular v16, Zone.js sẽ là tùy chọn, nghĩa là các nhà phát triển có thể từ chối nó và sử dụng các cách khác để quản lý phản ứng, chẳng hạn như RxJS hoặc tín hiệu.

Góc phản ứng. Cốt lõi của nó — bài nói chuyện tại hội nghị của Pawel Kozlowski

Một trong những tính năng sẽ cải thiện trải nghiệm của nhà phát triển và chất lượng mã của các ứng dụng Angular là tính năng đầu vào thành phần bắt buộc. Tính năng này sẽ cho phép các nhà phát triển đánh dấu một số đầu vào của một thành phần là bắt buộc, nghĩa là thành phần mẹ phải cung cấp chúng, nếu không sẽ xảy ra lỗi. Điều này sẽ giúp phát hiện lỗi và lỗi chính tả khi biên dịch và đảm bảo rằng các thành phần nhận được tất cả dữ liệu cần thiết để hoạt động bình thường. Đầu vào thành phần bắt buộc cũng sẽ làm cho các thành phần tự ghi lại nhiều tài liệu hơn và dễ sử dụng hơn.

Đầu vào cần thiết trong góc của Netanel Basal

Hydrat hóa là một kỹ thuật cho phép các ứng dụng kết xuất phía máy chủ (SSR) sử dụng lại HTML được tạo trên máy chủ và tránh kết xuất lại nó trên máy khách. Điều này làm giảm thời gian tương tác (TTI) và cải thiện SEO và khả năng truy cập. Hydrat hóa đã có sẵn trong các framework như React hoặc Next.js được một thời gian, nhưng không dễ triển khai trong Angular. Trong Angular 16, hydrat hóa sẽ được hỗ trợ ngay lập tức, giúp các ứng dụng SSR nhanh hơn và mượt mà hơn.