Mozilla Brick - Thư viện thành phần giao diện người dùng miễn phí cho các ứng dụng web

Bạn có thể tìm thấy vô số khung web frontend miễn phí nếu bạn tìm kiếm đủ mạnh. Tất cả đều đi kèm với những mặt tích cực và nhược điểm của họ, nhưng có một khuôn khổ cho tất cả mọi người.

Mozilla Brick là một khung mới hơn và nó được xây dựng như một thư viện UI chạy trên các thành phần web.

Các thành phần này hoạt động như các bit của mã có thể tái sử dụng tương tự như thư viện polymer của Google. Tuy nhiên, với Mozilla Brick, bạn có thư viện các thành phần của riêng mình, cùng với các thành phần UI, tất cả được gói gọn trong một gói lớn.

Nếu bạn đi sâu vào thư viện này, bạn sẽ nhanh chóng nhận ra nó được xây dựng khác với những người khác.

Mozilla sử dụng ngôn ngữ riêng của nó để mô tả các yếu tố tùy chỉnh giống như những viên gạch đóng vai trò như các thành phần được bó lại với nhau. Nếu bạn thêm nhiều gạch vào trang của mình, bạn có thể quản lý chúng bằng công cụ quản lý gói như Bower.

Lưu ý rằng Mozilla Brick có thể hoạt động trên polymer, vì vậy đây là một khung đa năng. Về bản chất, bạn sẽ sử dụng Brick để xác định các thành phần trang cụ thể hoặc hành động người dùng cụ thể trên trang.

Sau đó bạn kết nối các thành phần này với các thành phần UI điển hình của bạn ngay bên trong HTML. Bằng cách này, bạn vẫn đang sử dụng các quy ước đặt tên tuân thủ tiêu chuẩn trên các thành phần Brick.

Hiện tại nó đang ở phiên bản 2.0 và bạn có thể tìm thấy toàn bộ danh sách các repos trên GitHub. Mozilla đã tạo ra một Tài khoản GitHub dành riêng cho dự án này Vì vậy, đó là nơi tốt nhất để tìm thông tin.

Nó có mọi thứ, từ giao diện người dùng lịch đến thanh tab, bố trí thẻ tùy chỉnh và thậm chí mã trang web chính của Brick. Tất cả các phát hành miễn phí với nguồn hoàn toàn có thể truy cập.

Mỗi dự án bao gồm một bản demo trực tiếp được lưu trữ trên GitHub, vì vậy nếu bạn tìm hiểu kỹ tài liệu, bạn sẽ tìm thấy các liên kết cho tất cả những điều này.

Bạn nên có một số mức độ thoải mái với các thành phần web trước khi vào Brick. Nó không phải là siêu thân thiện với người mới và nó thực sự nhắm đến các nhà phát triển frontend Ai muốn các thành phần được thiết kế sẵn cho ứng dụng web của họ.

Tuy nhiên, ngay cả những người mới bắt đầu cũng có thể học các sợi dây bằng cách tự mình thực hành với Brick. Bạn có thể đấu tranh để hiểu toàn bộ thư viện nhưng bạn càng thực hành bạn sẽ học càng nhiều và càng dễ dàng nó sẽ là để tạo ra các ứng dụng web hỗ trợ thành phần mạnh mẽ.