{"id":21454,"date":"2025-09-03T10:00:03","date_gmt":"2025-09-03T15:00:03","guid":{"rendered":"http:\/\/carterembry.com\/?p=21454"},"modified":"2025-09-03T11:27:37","modified_gmt":"2025-09-03T16:27:37","slug":"adopting-typescript-at-scale","status":"publish","type":"post","link":"https:\/\/carterembry.com\/it\/2025\/adopting-typescript-at-scale\/%20","title":{"rendered":"Adottare TypeScript in scala (o cambiare le ruote di un autobus in movimento)"},"content":{"rendered":"
\n
\n\t

Ciao amici! Sono io, Daniel.<\/p>\n

Se mi conosci nella vita reale, probabilmente mi hai sentito blaterare a lungo su qualcosa che riguarda JavaScript. Il mio primo lavoro di programmazione professionale \u00e8 stato quasi tutto in Vanilla JavaScript, quindi amo JS da molto tempo. A differenza di altri, trovo le sue stranezze ed eccentricit\u00e0 accattivanti. L'ereditariet\u00e0 prototipale \u00e8 un po' stravagante all'inizio, ma in realt\u00e0 \u00e8 piuttosto semplice per le esigenze quotidiane. Ho visto molte mode andare e venire (guardando Coffeescript). Detto questo, mi ci \u00e8 voluto molto tempo per salire sul treno di Typescript. Ma ora che sono qui? Sono TUTTI IN<\/strong>.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div>

\n
\n\t

I amore<\/em> Typescript. Puoi stabilire contratti chiaramente comprensibili per le tue strutture di dati, funzioni e classi e farli rispettare in fase di compilazione. Ci\u00f2 significa che se qualcuno usa in modo improprio qualcosa o se un contratto\/interfaccia cambia, viene catturato. prima di<\/strong> e di danneggiare i tuoi utenti. \u00c8 un codice che spiega come deve essere utilizzato.<\/em> Cosa c'\u00e8 di non bello in questo? Stavo gi\u00e0 pensando a JS in questo modo, perch\u00e9 non aggiungere un livello per spiegare i miei pensieri? Questa soluzione \u00e8 ideale per i team o per le funzioni trasversali, ma anche per il futuro (dopo che avr\u00f2 dormito e dimenticato tutto).<\/p>\n

Nel mio lavoro diurno usiamo TypescriptMa non \u00e8 sempre stato cos\u00ec. Lavoro in un'applicazione che \u00e8 mumble-mumble<\/strong> con molte generazioni di codice: dai tempi di React basato sulle classi con Redux+Thunks ai pi\u00f9 moderni componenti funzionali basati su React Hooks. \u00c8 come scavare tra i sedimenti rocciosi per scoprire i motivi storici. Tutto ci\u00f2 che \u00e8 nuovo \u00e8 scritto in Typescript e questo \u00e8 fantastico, ma non ci ha aiutato quando abbiamo dovuto scavare pi\u00f9 a fondo nelle vecchie funzionalit\u00e0 (o *gasp* ripulire i debiti). Man mano che ci rendevamo conto della gioia di usare i nuovi componenti (e del dolore di usare quelli vecchi), volevo arrivarci pi\u00f9 velocemente. Volevo vivere nel futuro, non nel passato.<\/span><\/span><\/p>\n

Entrare Il comodissimo strumento di AirBnB, ts-migrate.<\/a><\/h3>\n<\/div>\n<\/div><\/div><\/div>
\n
\n\t\t\"Meme\n\t<\/div>\n\n<\/div><\/div>
\n
\n\t
\n

Volevo arrivare pi\u00f9 velocemente. Volevo vivere nel futuro, non nel passato.<\/p>\n<\/blockquote>\n<\/div>\n<\/div><\/div><\/div><\/div>

\n
\n\t

Questo strumento eccezionale analizza l'intera base di codice, convertendo tutti i file di .js(x)<\/strong> file a\u00a0.ts(x)<\/strong>.<\/p>\n

Lo so, lo so, sembra una cosa sporca. Si imposta l'utilizzo del temuto qualsiasi<\/strong> tipo di dato, che \u00e8 un no preferenziale<\/a>. Nei punti in cui non riesce a determinare come i tipi debbano interagire, inserisce un commento che dice a Typescript di ignorare la riga successiva. Ancora una volta, lo so, lo so, questo non \u00e8 meno sporco.<\/p>\n

MA ascolta. Questi file JS si comportano gi\u00e0 essenzialmente in questo modo. Non ci sono tipi, quindi ogni cosa \u00e8 gi\u00e0 un file qualsiasi.<\/strong><\/p>\n

 <\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n
\n\t

Quindi, a prescindere dal problema, questo ha almeno due vantaggi strategici immediati:<\/h3>\n
    \n
  1. L'integrazione di nuovi componenti in quelli vecchi \u00e8 ora sicura dal punto di vista del tipo. Prima di questa modifica, era come se si trattasse di un vecchio JS quando dovevamo inserirli in un vecchio codice.\n
      \n
    • Questo significa che ora il nostro nuovo codice Typescript sta tirando su la qualit\u00e0 di questi vecchi file piuttosto che i vecchi file tirano gi\u00f9 l'intera base di codice.<\/li>\n<\/ul>\n<\/li>\n
    • Ogni singolo punto che necessita di attenzione per essere davvero pronto per Typescript \u00e8 ora contrassegnato da un commento o da un qualsiasi<\/strong> tipo di dato. Cerchiamo di ripulire ogni vecchio file che viene toccato, un file alla volta. Enumerare l'entit\u00e0 di un problema pu\u00f2 richiedere molto tempo: con questo approccio, invece, \u00e8 gi\u00e0 fatto.<\/li>\n<\/ol>\n<\/div>\n<\/div><\/div><\/div><\/div>
      \n
      \n\t

      \u00c8 un codice che spiega come deve essere usato. Cosa c'\u00e8 di non bello in questo?<\/p><\/blockquote>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>

      \n
      \n\t

      So che per alcuni di voi la sensazione di \"sporcizia\" rimarr\u00e0, ma vi dico che... la tua vita sar\u00e0 migliore per questo.<\/strong> Il nostro \u00e8 decisamente migliore. Siamo stati in grado di non accettare i file JS, forzando cos\u00ec ulteriormente l'adozione. Abbiamo un elenco chiaro dei nostri debiti JS rimanenti. E la pulizia dei vecchi file \u00e8 diventata un'aggiunta facile al lavoro esistente, anzich\u00e9 un problema insormontabile.<\/p>\n

      I vantaggi positivi superano di gran lunga le preoccupazioni legate al disordine creato da un processo automatizzato. Questo non era chiaro prima che lo usassimo, ma \u00e8 chiarissimo col senno di poi. Non \u00e8 sempre cos\u00ec?<\/p>\n

      Abbraccia il futuro: ci vuole solo un po' di tempo e non te ne pentirai.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"

      Ciao amici! Sono io, Daniel. Se mi conosci di persona, probabilmente mi hai sentito blaterare a lungo su qualcosa che riguarda JavaScript. Il mio primo lavoro di programmazione professionale \u00e8 stato quasi tutto in Vanilla JavaScript, quindi amo JS da molto tempo. A differenza di altri, trovo le sue stranezze ed eccentricit\u00e0 accattivanti. L'ereditariet\u00e0 prototipale \u00e8 un po' stramba [...]<\/p>","protected":false},"author":3,"featured_media":21459,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wprm-recipe-roundup-name":"","wprm-recipe-roundup-description":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[10,5,7],"tags":[],"class_list":["post-21454","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-about-daniel","category-professional-opinions","category-technical-jargon"],"_links":{"self":[{"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/posts\/21454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/comments?post=21454"}],"version-history":[{"count":24,"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/posts\/21454\/revisions"}],"predecessor-version":[{"id":21482,"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/posts\/21454\/revisions\/21482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/media\/21459"}],"wp:attachment":[{"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/media?parent=21454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/categories?post=21454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carterembry.com\/it\/wp-json\/wp\/v2\/tags?post=21454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}