Tin tức và Phân Tích của tất cả các Thiết bị di động!

Tài nguyên mới cho nhà thiết kế và phát triển web (tháng 7 năm 2024)

Trong vài tháng qua, mọi thứ đã thay đổi rất nhiều trong lĩnh vực phát triển front-end. Và đây sẽ là trọng tâm chính của chúng tôi trong loạt bài tháng này.

Nếu bạn là một nhà phát triển front-end, tôi chắc chắn bạn sẽ đánh giá cao những gì chúng tôi có trong danh sách. Bài đăng này giới thiệu một thời gian chạy JavaScript mới cạnh tranh với NútDenothư viện mới để quản lý trạng thái, hệ thống xây dựng mới cho JavaScript và nhiều hơn nữa.

Chúng ta hãy cùng xem danh sách đầy đủ.

Mục lục

Bánh bao

Bánh bao là một thời gian chạy JavaScript mới tương tự như Node và Deno cho phép bạn chạy các ứng dụng JavaScript trên máy chủ. Bun triển khai hầu hết các API Node cũng như API Web, vì vậy chúng tôi có thể truy cập vào hệ thống tập tin, con đường, Lấy APIWebsocket.

Bun hiện đang trong giai đoạn thử nghiệm, nhưng nó hứa hẹn về hiệu suất và cung cấp các công cụ tốt hơn giúp các nhà phát triển làm việc hiệu quả hơn.

Jotai

Jotai là một trình quản lý trạng thái cho các ứng dụng React.js tập trung vào tính đơn giản. Nó nhằm mục đích giải quyết các vấn đề thường gặp khi render lại trong thành phần React.jsngoài ra, nó dễ thực hiện. Bạn có thể sử dụng nó như một sự thay thế Móc trạng thái phản ứng chức năng, và mở rộng nó để xây dựng một ứng dụng phức tạp hơn.

Trận tái đấu

Trận tái đấu là một quản lý trạng thái áp dụng tương tự như Reduxngoại trừ việc không có sự phức tạp. Nó hoạt động ngay lập tức, không cần cấu hình bổ sung. Nó cũng hoạt động với bất kỳ khuôn khổ nào; không chỉ React.js mà còn cả Vue.js và Angular, và nó chỉ nhỏ tới 2kb.

Bao.js

Bao là một cái mới khuôn khổ để tạo ra các ứng dụng web. Được xây dựng trên đỉnh của Bánh baonó tương tự như một trong những khuôn khổ phổ biến, Express.js. Trên thực tế, nó cũng được mô phỏng theo nó khiến nó trở nên quen thuộc và dễ dàng chuyển đổi từ Express.js.

Biểu thức chính quy tự động

Regex là một ngôn ngữ đặc biệt không dễ hiểu vì cú pháp phức tạp. Và đây là lúc Autoregex trở nên hữu ích. Nó dịch ngược lại Regex thành một câu mà con người có thể đọc được và đây cũng là công cụ học tập tuyệt vời để hiểu RegEx.

Trang web của Godly

Nếu bạn cảm thấy các trang web ngày nay trông đều giống nhau, bạn cần phải kiểm tra Godly Website. Nó thu thập rất nhiều trang web tuyệt vời với thiết kế độc đáo. Một nơi tuyệt vời để tìm cảm hứng thiết kế.

Mặt Trăng

Moonrepo giúp việc xây dựng các ứng dụng JavaScript dễ quản lý hơn nhiều. Nó cung cấp một bộ công cụ có thể giúp bạn duy trì tính nhất quán trong cấu hình dự án của bạn, đảm bảo phiên bản phụ thuộc chính xác được cài đặtvà cung cấp các tiện ích giúp dự án của bạn xây dựng hiệu quả và năng suất hơn.

Barebones

Một bộ sưu tập các thành phần Vue.js và như tên gọi của nó, chúng là các thành phần cơ bản. Chúng mang các chức năng nhưng không đi kèm với các ràng buộc về thiết kế nên tùy thuộc vào bạn muốn định dạng nó như thế nào. Thật tuyệt thư viện làm điểm khởi đầu cho giao diện người dùng ứng dụng trang web của bạn với Vue.js.

Tiếng than khóc

Tiếng than khóc là một khung cho phép bạn xây dựng một ứng dụng Desktop với Đi. Nó biên dịch và xử lý các thành phần gốc như Windows, Menu và Dialog mà nó chạy tốt như các ứng dụng được xây dựng gốc. Không giống như Electron, Wails không nhúng trình duyệt vào ứng dụng, do đó nó sẽ chạy nhanh hơn nhiều.

Hướng dẫn tuyệt vời

Awesome Guidelines là tập hợp các tiêu chuẩn mã hóa chất lượng cao của nhiều ngôn ngữ khác nhau từ nhiều nguồn và công ty khác nhau. Bạn có thể tìm thấy tiêu chuẩn mã hóa cho C, Go, JavaScript, Kotlin, PHP, Pythonvà nhiều hơn nữa. Nếu bạn muốn biết tiêu chuẩn mã hóa của NASA và Google là gì, hãy xem thử!

LazyGit

LazyGit là một ứng dụng Git thêm UI vào bên trong terminal. Tương tự như ứng dụng Desktop, nó cho phép bạn xem trạng thái hiện tại, các tệp đã dàn dựng, diff, stash và nhiều hơn nữa. Đây là một công cụ hoàn hảo cho những làm việc với Terminal người muốn có sự tiện lợi.

Chồi

Nụ là một Khung xây dựng JavaScript. Nó kết hợp tất cả những ưu điểm của Symfony Encore và Laravel Mix và được cấu hình sẵn cho mọi nhu cầu phổ biến như Babel, React, PostCSS, Sass và TypeScript.

Nó cũng là một khuôn khổ tuyệt vời cho Các nhà phát triển WordPress với gói @roots/bud-preset-wordpress mà bạn có thể cài đặt để xây dựng chủ đề hoặc plugin WordPress.

HTMX

HTMX là một HTML siêu nạp. Nó cung cấp quyền truy cập thuận tiện vào AJAX, CSS Transitions và WebSockets chỉ thông qua các thuộc tính HTML. Điều này cho phép bạn xây dựng một giao diện người dùng khá năng động với HTML đơn giản chẳng hạn như tạo cuộn vô hạn, tab, tải chậm và nhiều hơn nữa.

Biểu đồ Frappe

Một đơn giản, thư viện JavaScript nhẹ để tạo biểu đồ. Nó hỗ trợ một số loại biểu đồ khác nhau bao gồm Pie, Donut và Bản đồ nhiệt và hiển thị biểu đồ ở dạng SVG khiến biểu đồ phản hồi nhanh và trông sắc nét.

Bạn có thể sử dụng thư viện như một mô-đun NPM hoặc chỉ cần tải tệp JavaScript lên trang. Nó hoạt động bình thường.

Tiếp theoUI

Một bộ sưu tập các thành phần UI đẹp mắt để xây dựng các ứng dụng hiện đại với React.js. Bạn có thể tìm thấy các thành phần chung cần thiết cho một ứng dụng như đầu vào, nút, phân trang, bảng và lưới. Nếu bạn muốn xây dựng một ứng dụng trông đẹp mắt ngay lập tức, NextUI chính là thứ bạn đang tìm kiếm.

Giao diện người dùng đàn hồi

Elastic UI đầy cảm hứng. Đó là thư viện hệ thống thiết kế từ Elastic. Mặc dù bạn có thể không áp dụng được thư viện này vào ứng dụng của riêng mình, nhưng bạn chắc chắn có thể học cách sử dụng tất cả các thành phần này để xây dựng một ứng dụng phổ biến tuyệt vời như Tìm kiếm đàn hồiKibana và APM.

VueSax

MỘT Thư viện UI được xây dựng cho Vue.js. Nó có các nút, đầu vào, bảng và tất cả các thành phần cơ sở cho một trang web. Được xây dựng từ đầu, Vuesax cung cấp cho mỗi thành phần khả năng tùy chỉnh cho phép ứng dụng web của bạn duy trì phong cách độc đáo của riêng bạn.

Tạo chủ đề khối

Đó là một quan chức mới plugin từ WordPress cho phép bạn tạo chủ đề khối. Bạn có thể thiết kế chủ đề của riêng bạn bằng cách sử dụng chỉnh sửa toàn trang (FSE) và xuất nó thành một chủ đề mà bạn có thể cài đặt trên bất kỳ trang web WordPress nào khác. Tôi nghĩ điều này sẽ thay đổi trò chơi trong các lĩnh vực chủ đề WordPress.

Màu sắc.js

Color.js là một thư viện tiện dụng cho phép bạn làm mọi thứ liên quan đến màu sắc bằng JavaScript. Bạn có thể sử dụng nó để đọc màu sắc và tạo ra các đối tượng màu sắc. Bạn thậm chí có thể sử dụng nó để thao tác với màu sắc như thay đổi màu sắc, làm sáng màu sắc và thậm chí chuyển đổi định dạng màu sắc.

Máy chủ VS Code

VS Code là một trình soạn thảo mã tuyệt vời thực sự phổ biến trong giới lập trình viên. Bạn có thể chạy và sử dụng VS Code trên Windows, macOS và Linux… Nhưng nếu chúng ta có thể chạy nó trên máy chủ của riêng mình thì sao.

Microsoft gần đây đã mở ra khả năng này với VS Code Server cho phép bạn cài đặt các dịch vụ phụ trợ VS Code lưu trữ tiện ích mở rộng, thiết bị đầu cuối, gỡ lỗi và sau đó truy cập thông qua vscode.dev. Nó ít nhiều là Phiên bản tự làm của việc chạy của riêng bạn Không gian mã Github.