Quali sono le tecnologie utilizzate nel front-end di Instagram?

Instagram's user app (il front-end) è scritto in React Native, un linguaggio trasversale compatibile con i sistemi operativi iOS e Android. Non c'è molto HTML nei loro sorgenti, è tutto generato da React. Come ogni moderno servizio web, usano Memcached per il caching, e attualmente hanno 6 istanze Memcached, che sono collegate usando pylibmc & libmemcached. Hanno anche dei checkpoint - flussi attivati dal server in risposta ad azioni sospette (ad esempio: quando hanno bisogno di verificare il vostro numero di telefono, quando pensano che il vostro account possa essere stato compromesso, ecc). Storicamente, i checkpoint sono stati implementati usando le WebView, buone per la condivisione del codice e la velocità di iterazione, ma l'UX non sembra nativa e i tempi di avvio possono essere lenti.

A Instagram uno dei valori dell'ingegneria è "fare prima la cosa semplice", quindi il primo approccio non è stato quello di costruire il perfetto framework di prefetching in background. Il primo prototipo si limitava a prefetchare i dati quando l'app veniva messa in background, se e solo se l'utente era sotto connessione wifi. Questo BackgroundPrefetcher iterava attraverso una lista di runnable, eseguendoli uno per uno.

Poi la velocità dello sviluppatore - il valore che definisce l'ingegneria mobile di Instagram.

Questo permette ai team di prodotto di spedire le funzionalità più velocemente attraverso la condivisione del codice e una maggiore velocità di iterazione, utilizzando strumenti come Live Reload e Hot Reloading che eliminano i cicli di compilazione-installazione.