Sự chờ đợi cuối cùng cũng đã qua.

Angular 12 đã ra mắt và các nhà phát triển rất hào hứng, nhưng các doanh nghiệp có trang web được xây dựng bằng Angular cũng vậy. Bản cập nhật của khung web dựa trên TypeScript này của Google đã được xuất bản vào ngày 12 tháng 5 năm 2021.

Các nhà phát triển nói rằng phiên bản Angular này tiến gần đến việc đạt được “Ivy Everywhere”. Ivy là kênh tổng hợp và dựng hình của thế hệ sau. Nói cách khác, nó rất tiên tiến và có thể cung cấp các tính năng như cải thiện tốc độ tải trang mà trước đây không có.

Nhóm Angular cũng đã thông báo rằng View Engine sẽ bị loại bỏ trong một bản phát hành trong tương lai. Các thư viện hiện tại đang sử dụng View Engine, công cụ này vẫn sẽ hoạt động với các ứng dụng Ivy, nhưng các tác giả của thư viện đã được khuyên nên bắt đầu chuyển sang Ivy.

Các tính năng của Angular 12

Dịch vụ ngôn ngữ dựa trên Ivy đã cung cấp một số khả năng như hoàn thành mã, chuyển từ chọn tham gia sang bật theo mặc định và gợi ý bên trong các mẫu. Dưới đây là một số tính năng và cải tiến bổ sung trong phiên bản 12 của Angular:

• Biên dịch tăng dần - Để cải thiện hiệu suất trình biên dịch CLI, Angular 12 cho phép biên dịch gia tăng với sự hiện diện của các tệp nguồn được chuyển hướng .
• Mã hóa tốt hơn - Liên kết Nullish hiện hoạt động với các mẫu Angular. Điều này có thể giúp bạn viết mã rõ ràng hơn trong các lớp TypeScript.
• Tự động chuyển sang API mới - Hiện tại, Angular Material và Angular CDK đưa ra một bề mặt API Sass mới được thiết kế để sử dụng với cú pháp @use mới. Khi bạn cập nhật lên Angular 12, một ứng dụng sẽ tự động chuyển sang API mới bằng cách cập nhật thông qua ng update.
• Khả năng di chuyển - Hiện có các công cụ có sẵn trong Angular 12 sẽ giúp bạn di chuyển các ID bản địa hóa kế thừa sang các ID bằng cách sử dụng các thuật toán mới nhất.
• Inline SASS - Các thành phần hiện có hỗ trợ cho SASS nội tuyến trong trường kiểu của trình trang trí @component.
• Hiệu quả - Việc chạy bản dựng hiện được mặc định ở chế độ sản xuất, điều này giúp bạn tiết kiệm một vài bước và giúp ngăn việc triển khai ngẫu nhiên các bản dựng phát triển.
• Chế độ nghiêm ngặt - Chế độ nghiêm ngặt hiện được bật theo mặc định trong CLI. Điều này có thể giúp bạn bắt lỗi sớm hơn trong chu kỳ phát triển.
• Webpack 5 - Bộ gói mô-đun Webpack 5 đã sẵn sàng sản xuất.
• IE11 Không còn nữa - Bạn không nhận được hỗ trợ cho trình duyệt Internet Explorer 11 nữa.
• Hỗ trợ trình biên dịch - Đối với trình biên dịch, hỗ trợ được cung cấp để chuyển đổi tài nguyên kiểu thành phần .
• Số lần hoàn thành tài sản góc - hoàn sở hữu góc hiện đang được cung cấp duy nhất ở mẫu cho các dịch vụ ngôn ngữ.
• Tùy chọn ngữ cảnh - Một tùy chọn ngữ cảnh đã được giới thiệu cho trình biên dịch-cli, để đặt bất kỳ yêu cầu nào cho phép cung cấp dữ liệu tùy ý theo cách an toàn về kiểu chữ. Tính năng này giải quyết nhu cầu cấu hình bộ đánh chặn trong máy khách HTTP trên cơ sở mỗi yêu cầu.
• Đột phá phần tử DOM - Đối với hoạt ảnh, các phần tử DOM hiện được xóa chính xác khi chế độ xem gốc bị xóa. Đây là một thay đổi đột phá.
• Loại bỏ các chức năng không cần thiết - Để cải thiện hiệu suất, các phương pháp không sử dụng đã được xóa khỏi DomAdapter.
• Di chuyển kế thừa - Một định dạng mới được thêm vào giải nén bản địa hóa, được gọi là di chuyển kế thừa , để tạo tệp JSON có thể được sử dụng để ánh xạ các ID thông báo kế thừa với các ID chính tắc.
• Kiểm tra Null được cải thiện - Kiểm tra null nghiêm ngặt sẽ báo cáo về một đoạn có khả năng là rỗng. Đây là một thay đổi đột phá.
• Cải tiến APP INITIALIZER - Loại mã thông báo APP-INITIALIZER đã được thay đổi để phản ánh chính xác hơn các loại giá trị trả về do Angular xử lý. Đây là một thay đổi đột phá.
• Thay đổi chức năng hoạt ảnh - Hỗ trợ đã được thêm vào để tắt hoạt ảnh thông qua BrowserAnimationsModulewithConfig.
• Giới thiệu về emitEvent Lựa chọn - Sự kiện Emit tùy chọn đã được bổ sung cho FormArray và FormGroup. Đây là một thay đổi đột phá.
• Kiểm soát tốt hơn - Kiểm soát tinh chỉnh hơn đã được thêm vào routerLinkActiveOptions .
• Triển khai Roulet của bộ định tuyến - Cho phép triển khai đầu ra bộ định tuyến tùy chỉnh.
• Hỗ trợ TypeScript - Hỗ trợ đã được thêm cho TypeScript 4.2 và hỗ trợ cho TypeScript 4.0 và TypeScript 4.1 đã bị loại bỏ.

• Thực hiện phương thức appendAll () trên HttpParams .
• Trình xác thực tối thiểu và tối đa đang được giới thiệu cho các biểu mẫu.
• Angular Language Service hiện có một tính năng cho phép bạn truy cập các vị trí cho các thành phần sử dụng tệp mẫu.
• Các chẩn đoán mới hiện đề xuất bật các mẫu nghiêm ngặt , cung cấp cho máy chủ ngôn ngữ một cách để truy xuất chẩn đoán các tùy chọn trình biên dịch.

Angular 12 nghe có vẻ được đóng gói với rất nhiều tính năng mới, nhiều tính năng trong số đó rất có thể sẽ mở ra rất nhiều khả năng mới để xây dựng một ứng dụng web. Công bằng mà nói, có một vài framework khác đang cạnh tranh xứng đáng với Angular trong năm nay.

Tôi đang nói riêng về React và Vue. Cả hai framework này đã phát hành phiên bản mới nhất của chúng vào đầu quý 2 năm nay.

Angular so sánh như thế nào với Vue và React , chưa nói đến các khung công tác khác, là điều bạn luôn có thể tìm hiểu thêm và chọn một cái phù hợp nhất với nhu cầu của mình. Hy vọng điều này giải quyết mọi thứ mới về Angular 12.