Tương lai của công cụ xây dựng JavaScript

Dec 02 2022
#TechBite02: Lịch Mùa Vọng 2022 của Büro am Draht
Nó là gì? Tạo phần mềm JavaScript là một quá trình đòi hỏi nhiều công cụ. Mặc dù các trình duyệt có thể trực tiếp sử dụng JavaScript, nhưng thường tồn tại bộ máy cho phép các nhà phát triển tập trung vào việc tạo phần mềm.

Nó là gì?

Tạo phần mềm JavaScript là một quá trình đòi hỏi nhiều công cụ. Mặc dù các trình duyệt có thể trực tiếp sử dụng JavaScript, nhưng thường tồn tại bộ máy cho phép các nhà phát triển tập trung vào việc tạo phần mềm. Ngày nay, mã rất có thể được viết bằng TypeScript , một siêu bộ JavaScript do Microsoft tạo ra cần được dịch sang JavaScript mà trình duyệt (hoặc thời gian chạy JavaScript khác , chẳng hạn như Node.js ) cần.

Có một số gói phối hợp việc tạo dữ liệu để chuyển đến trình duyệt của người dùng. Nhưng bộ phần mềm này liên tục phát triển, mặc dù có những công cụ khá phổ biến được tìm thấy trong nhiều dự án hiện tại.

Tùy thuộc vào dự án, có thể hữu ích khi thường xuyên xem xét lại các công cụ của bạn và theo dõi thị trường vì một số công cụ mới hoặc thay thế các công cụ cũ hơn mang lại lợi ích thực sự về tốc độ và sự thân thiện với nhà phát triển.

  • TypeScript không còn mới nữa và ngày càng được áp dụng trong nhiều dự án phần mềm. Nó cung cấp loại an toàn ngay cả trên các gói khác nhau và cho phép bạn tránh mắc lỗi khi đang lập trình thay vì chạy vào các lỗi này trong quá trình sản xuất. Điều đó đi kèm với chi phí hoạt động cả khi viết phần mềm và khi xử lý nó thành JavaScript.
  • Mã ứng dụng trình duyệt của bạn — có thể là TypeScript, JavaScript, HTML, CSS (được xử lý trước), nội dung, v.v. cần được đóng gói để triển khai. Các công cụ như webpack , Rollup , Parcel và các công cụ khác thực hiện công việc này.
  • Đối với ứng dụng phía máy chủ của bạn, bạn cần một môi trường thời gian chạy như Node.js để chạy phần mềm của mình.

Về tốc độ, esbuild thực sự là một yếu tố thay đổi cuộc chơi trong các dự án của chúng tôi. Nó có thể được sử dụng, ví dụ như trong các thiết lập webpack hiện có dưới dạng trình tải thay thế trình tải babel. Thông thường, chỉ cần điều chỉnh nhỏ trong mã của bạn và chúng tôi đã thấy tốc độ cải thiện từ 50% trở lên trong các dự án của mình.

Nhưng esbuild cũng có thể được sử dụng độc lập để chuẩn bị mã cho thời gian chạy. Esbuild được viết bằng Go được biên dịch thành mã gốc, giúp nó siêu nhanh.

Dưới đây là một số công cụ cần chú ý:

  • Parcel CSS : Trình phân tích cú pháp CSS, trình biên dịch và công cụ khai thác, hứa hẹn tốc độ cao (vì nó được viết bằng Rust )
  • Vite.js : Gói và công cụ giao diện người dùng với tốc độ của esbuild dưới mui xe. Nó dựa trên các mô-đun Ecmascript và được đưa ra rất nhiều ý kiến ​​​​để cung cấp trải nghiệm phát triển tốt ngay từ đầu.
  • Bun : Thời gian chạy JavaScript mới nhất. Tuyên bố là siêu nhanh và vượt trội với các khả năng đóng gói, dịch mã (cũng là TypeScript) và có những thứ bạn nhận được với npm được đưa trực tiếp vào. Điều thú vị là nó được viết bằng Zig và có biểu tượng bánh bao làm biểu tượng .

Tại sao chúng tôi khuyên bạn nên nó?

Mặc dù điều quan trọng là phải cung cấp một nền tảng ổn định và đã được thử nghiệm tốt để xây dựng ứng dụng, nhưng mọi thứ, đặc biệt là trong thế giới JavaScript, đang phát triển với tốc độ cao. Thật khó để theo dõi tất cả những điều mới và nhiều dự án mới sẽ nhận được sự hỗ trợ thấp trong tương lai. Những người khác ở đây để ở lại và cho phép di chuyển sang quy trình phát triển tốt hơn (như đã đề cập ở trên: TypeScript, esbuild-loader).

Chúng tôi luôn khuyến khích sử dụng kết hợp các công cụ đã được thử nghiệm kỹ lưỡng và phần mềm hiện đại, để bạn kiểm soát được rủi ro mà mình đang gặp phải. Đối với nhà phát triển, các công cụ được trình bày mang lại sự khởi đầu dễ dàng hơn và tốc độ cao cho các tác vụ đôi khi tẻ nhạt trong khi tạo các sản phẩm phần mềm mới.

Tác giả: Dirk Weber
Minh họa: Kai Sinzinger

Bài viết này là một phần của loạt bài có tên #24TechBites. Để làm dịu thời gian còn lại cho đến Giáng sinh, chúng tôi mong muốn thông báo cho bạn về các công nghệ hiện tại, truyền cảm hứng cho bạn hoặc cung cấp cho bạn đánh giá chính kiến ​​về các xu hướng phần mềm — tất cả dưới dạng 24 bất ngờ nhỏ hàng ngày theo truyền thống “Adventskalender” của Đức.

Để thưởng thức tất cả #TechBites khác và tìm hiểu thêm về chúng tôi cũng như lịch ra mắt của chúng tôi, hãy nhấp vào #24TechBites !

Về

Büro am Draht là một công ty tư vấn có trụ sở tại Berlin giúp khách hàng của chúng tôi xây dựng các nền tảng kỹ thuật số linh hoạt và dễ thích ứng để hỗ trợ các yêu cầu kinh doanh ngày nay và thậm chí khởi chạy các mô hình kinh doanh của tương lai mà chúng tôi có thể chưa lường trước được. Do đó, chúng tôi hợp tác chặt chẽ với nhau ở mọi giai đoạn của quá trình chuyển đổi kỹ thuật số — từ chiến lược kỹ thuật số đến thiết kế & phát triển giải pháp đến hỗ trợ vận hành.

Cách tiếp cận linh hoạt của chúng tôi để phát triển các giải pháp linh hoạt và có thể mở rộng đảm bảo rằng khách hàng của chúng tôi luôn mang đến trải nghiệm khách hàng hấp dẫn và được cá nhân hóa. Để tìm hiểu thêm về cách chúng tôi trợ giúp các công ty trong các ngành, hãy truy cập:

dasburo.com
LinkedIn