Przyszłość narzędzi do budowania JavaScript

Dec 02 2022
#TechBite02: Kalendarz adwentowy 2022 autorstwa Büro am Draht
Co to jest? Tworzenie oprogramowania JavaScript to proces, który wymaga wielu narzędzi. Chociaż przeglądarki mogą bezpośrednio korzystać z JavaScriptu, zwykle istnieje mechanizm, który pozwala programistom skupić się na tworzeniu oprogramowania.

Co to jest?

Tworzenie oprogramowania JavaScript to proces, który wymaga wielu narzędzi. Chociaż przeglądarki mogą bezpośrednio korzystać z JavaScriptu, zwykle istnieje mechanizm, który pozwala programistom skupić się na tworzeniu oprogramowania. W dzisiejszych czasach kod jest najprawdopodobniej napisany w TypeScript , nadzbiorze JavaScript stworzonym przez Microsoft , który musi zostać przetłumaczony na JavaScript, którego potrzebuje przeglądarka (lub inne środowiska uruchomieniowe JavaScript , takie jak np. Node.js ).

Istnieje kilka programów pakujących, które koordynują tworzenie danych, które mają zostać wysłane do przeglądarki użytkownika. Ale ten zestaw oprogramowania stale ewoluuje, mimo że w wielu bieżących projektach można znaleźć dość powszechne narzędzia.

W zależności od projektu przydatne może być regularne przeglądanie narzędzi i obserwowanie rynku, ponieważ kilka nowych narzędzi lub zamienniki starszych zapewniają realne korzyści pod względem szybkości i łatwości dla programistów.

  • TypeScript nie jest już tak nowy i jest stosowany w coraz większej liczbie projektów oprogramowania. Zapewnia bezpieczeństwo typów nawet w różnych pakietach i pozwala zapobiegać popełnianiu błędów podczas programowania zamiast wpadania na nie w środowisku produkcyjnym. Wiąże się to z narzutem zarówno podczas pisania oprogramowania, jak i przetwarzania go do JavaScript.
  • Twój kod aplikacji przeglądarki — może to być TypeScript, JavaScript, HTML, (wstępnie przetworzony) CSS, zasoby itd. musi zostać spakowany przed wdrożeniem. Narzędzia takie jak webpack , Rollup , Parcel i inne wykonują to zadanie.
  • W przypadku aplikacji po stronie serwera potrzebujesz środowiska uruchomieniowego, takiego jak Node.js, aby uruchomić oprogramowanie.

Jeśli chodzi o szybkość, esbuild był prawdziwym przełomem w naszych projektach. Może być wykorzystany np. w istniejących konfiguracjach webpacków jako loader zastępujący babel-loader. Zwykle potrzebne są tylko drobne poprawki w kodzie, aw naszych projektach zauważyliśmy poprawę szybkości o 50% i więcej.

Ale esbuild może być również używany samodzielnie do przygotowania kodu do uruchomienia. Esbuild jest napisany w Go skompilowany do natywnego kodu, co czyni go superszybkim.

Oto kilka narzędzi, na które warto zwrócić uwagę:

  • Parcel CSS : CSS Parser, kompilator i minifikator, który obiecuje dużą szybkość (jak napisano w Rust )
  • Vite.js : narzędzia frontendowe i łączenie z szybkością esbuild pod maską. Opiera się na modułach Ecmascript i jest mocno opiniowany, aby zapewnić dobre wrażenia programistyczne od samego początku.
  • Bun : najnowsze dostępne środowisko uruchomieniowe JavaScript. Twierdzi, że jest super szybki i gotowy do użycia, wyposażony w funkcje łączenia, transpilacji (także TypeScript) i ma rzeczy, które dostajesz bezpośrednio z npm. Co ciekawe, jest napisany w Zig i ma pieróg jako logo .

Dlaczego go polecamy?

Chociaż zapewnienie stabilnej i dobrze przetestowanej platformy do zbudowania aplikacji jest ważne, szczególnie w świecie JavaScript rozwija się w szybkim tempie. Trudno jest śledzić wszystkie nowe rzeczy, a wiele nowych projektów będzie cierpieć z powodu niskiego wsparcia w przyszłości. Inni są tutaj, aby zostać i umożliwić migrację do lepiej rozwijającego się przepływu pracy (jak wspomniano powyżej: TypeScript, esbuild-loader).

Zawsze zachęcamy do korzystania z mieszanki sprawdzonych narzędzi i najnowocześniejszego oprogramowania, dzięki czemu masz kontrolę nad podejmowanym ryzykiem. Prezentowane narzędzia zapewniają programistom łatwiejszy start i dużą szybkość wykonywania czasami żmudnych zadań podczas tworzenia nowych produktów programistycznych.

Autor: Dirk Weber
Ilustracje: Kai Sinzinger

Ten artykuł jest częścią serii o nazwie #24TechBites. Aby osłodzić pozostały czas do Świąt Bożego Narodzenia, chcemy poinformować Cię o aktualnych technologiach, zainspirować lub dać opiniotwórczą recenzję trendów w oprogramowaniu — wszystko w formie 24 małych codziennych niespodzianek zgodnie z niemiecką tradycją „Adwentowego kalendarza”.

Aby cieszyć się wszystkimi innymi #TechBites i dowiedzieć się więcej o nas i naszym kalendarzu adwentowym, kliknij #24TechBites !

O

Büro am Draht to berlińska firma doradcza, która pomaga naszym klientom w budowaniu odpornych i elastycznych platform cyfrowych w celu obsługi dzisiejszych wymagań biznesowych, a nawet uruchamiania modeli biznesowych jutra, których możemy jeszcze nie przewidzieć. Dlatego ściśle współpracujemy na każdym etapie procesu transformacji cyfrowej — od strategii cyfrowej, przez projektowanie i rozwój rozwiązań, po wsparcie operacyjne.

Nasze zwinne podejście do opracowywania wszechstronnych i skalowalnych rozwiązań gwarantuje, że nasi klienci konsekwentnie dostarczają angażujące i spersonalizowane doświadczenia. Aby dowiedzieć się więcej o tym, jak pomagamy firmom z różnych branż, odwiedź:

dasburo.com
LinkedIn