Il futuro degli strumenti di compilazione JavaScript

Che cos'è?

La creazione di software JavaScript è un processo che richiede molti strumenti. Sebbene i browser possano utilizzare direttamente JavaScript, di solito esiste un meccanismo che consente agli sviluppatori di concentrarsi sulla creazione di software. Al giorno d'oggi, il codice è molto probabilmente scritto in TypeScript , un superset di JavaScript creato da Microsoft che deve essere tradotto in JavaScript di cui ha bisogno il browser (o altri runtime JavaScript , come ad esempio Node.js ).

Esistono diversi bundler che orchestrano la creazione dei dati da inviare al browser dell'utente. Ma questo set di software è in continua evoluzione, nonostante ci siano strumenti abbastanza comuni da trovare in molti progetti in corso.

A seconda del progetto potrebbe essere utile riconsiderare regolarmente i propri strumenti e tenere d'occhio il mercato poiché diversi nuovi strumenti o sostituzioni di quelli precedenti offrono vantaggi reali in termini di velocità e facilità di sviluppo.

• TypeScript non è più così nuovo e viene adottato in sempre più progetti software. Fornisce l'indipendenza dai tipi anche su pacchetti diversi e ti consente di evitare di commettere errori durante la programmazione invece di imbatterti in questi in produzione. Ciò comporta un sovraccarico sia durante la scrittura del software sia durante l'elaborazione in JavaScript.
• Il codice dell'applicazione del browser, che può essere TypeScript, JavaScript, HTML, CSS (preelaborato), risorse e così via, deve essere impacchettato per essere distribuito. Strumenti come webpack , Rollup , Parcel e altri fanno questo lavoro.
• Per la tua applicazione lato server, hai bisogno di un ambiente di runtime come Node.js per eseguire il tuo software.

In termini di velocità, esbuild è stato un vero punto di svolta nei nostri progetti. Potrebbe essere utilizzato, ad esempio, in configurazioni di webpack esistenti come caricatore che sostituisce babel-loader. Di solito, sono necessari solo piccoli aggiustamenti nel tuo codice e abbiamo visto miglioramenti della velocità del 50% e più nei nostri progetti.

Ma esbuild può essere utilizzato anche da solo per preparare il codice per il runtime. Esbuild è scritto in Go compilato in codice nativo che lo rende super veloce.

Ecco alcuni strumenti a cui prestare attenzione:

• Parcel CSS : CSS Parser, compilatore e minifier, che promette alta velocità (come è scritto in Rust )
• Vite.js : Strumenti frontend e raggruppamento con la velocità di esbuild sotto il cofano. Si basa sui moduli Ecmascript ed è fortemente convinto di fornire una buona esperienza di sviluppo fin dall'inizio.
• Bun : il più recente runtime JavaScript in circolazione. Afferma di essere super veloce e pronto all'uso dotato di capacità di raggruppamento, transpiling (anche TypeScript) e ha le cose che ottieni con npm direttamente integrate. È interessante notare che è scritto in Zig e ha uno gnocco come logo .

Perché lo consigliamo?

Sebbene sia importante fornire una piattaforma stabile e ben collaudata per la creazione dell'app, le cose, specialmente nel mondo JavaScript, si stanno sviluppando a un ritmo elevato. È difficile tenere traccia di tutte le novità e molti nuovi progetti soffriranno di un basso supporto in futuro. Altri sono qui per rimanere e consentire la migrazione a un flusso di lavoro di sviluppo migliore (come menzionato sopra: TypeScript, esbuild-loader).

Incoraggiamo sempre a utilizzare un mix di strumenti ben collaudati e software all'avanguardia, in modo da controllare il rischio che stai correndo. Per lo sviluppatore, gli strumenti presentati forniscono un inizio più semplice e un'elevata velocità per attività a volte noiose durante la creazione di nuovi prodotti software.

Autore: Dirk Weber
Illustrazioni: Kai Sinzinger

Questo articolo fa parte di una serie chiamata #24TechBites. Per addolcire il tempo rimanente fino a Natale, miriamo a informarti sulle tecnologie attuali, ispirarti o darti una rassegna supponente delle tendenze del software, il tutto sotto forma di 24 piccole sorprese quotidiane nella tradizione tedesca di un "Adventskalender".

Per goderti tutti gli altri #TechBites e scoprire di più su di noi e sul nostro calendario dell'avvento, fai clic su #24TechBites !

Di

Büro am Draht è una società di consulenza con sede a Berlino che aiuta i nostri clienti a costruire piattaforme digitali resilienti e adattabili per supportare i requisiti aziendali di oggi e persino lanciare i modelli di business di domani che potremmo non prevedere ancora. Pertanto, lavoriamo a stretto contatto in ogni fase del processo di trasformazione digitale, dalla strategia digitale alla progettazione e sviluppo di soluzioni fino al supporto operativo.

Il nostro approccio agile allo sviluppo di soluzioni versatili e scalabili garantisce che i nostri clienti offrano costantemente customer experience coinvolgenti e personalizzate. Per saperne di più su come aiutiamo le aziende di tutti i settori, visita:

dasburo.com
LinkedIn