Universal JS Day 2017
8 Apr 2017 at Via Caldirolo, 84

0

Con il passare del tempo i siti e le applicazioni diventano sempre più pesanti e gli utenti consumano i loro contenuti prevalentemente attraverso dispositivi mobile. Due cose che non vanno certo d'accordo. Rendere le applicazioni performanti è un compito difficile soprattutto quando ci sono variabili che non possiamo controllare, come la connessione. I Service Worker e altre tecniche che stanno dietro le Progressive Web Apps possono essere una risposta concreta a questo problema.

A Balsamiq stiamo creando 6 versioni native della nostra applicazione con lo scopo di offrire UX e performance alla pari delle applicazioni "100% native", ma condividendo quanto più codice possibile fra tutte le versioni. Dopo aver valutato vari framework e wrappers, abbiamo deciso di creare da zero un semplice framework, con componenti condivise in Javascript e componenti native. Durante la talk vi faremo vedere Hello Ball, una semplice applicazione per Web, Mac, Windows, Linux, Android e iOS (con codice Javascript condiviso), che permette all'utente di trascinare una pallina in giro per lo schermo. E' abbastanza per illustrare concetti come compilazione nativa con codice JS condiviso, comunicazione fra layer nativi e core, e per misurare la performance su ogni piattaforma.

Il server side rendering con React funziona davvero, ma quando si passa dal tipico "hello SSR" ad un'applicazione reale complessa con Redux, data fetching e stili, ci sono diversi problemi "imprevisti" da affrontare. In questo talk, dopo un'introduzione sul SSR per decidere se e quando utilizzarlo, vi indicherò i problemi principali, in modo che non siano più "imprevisti", e vi spiegherò come li abbiamo risolti nella realizzazione di un e-commerce completo in universal React / Redux.

0

Negli ultimi mesi un'applicazione web complessa ci ha messo di fronte a numerose sfide. Tra tutte, l'elevata aspettativa in termini di interattività da parte dell'utente e, al tempo stesso, l'altissima concorrenza dal punto di vista del SEO. Requisiti apparentemente agli antipodi, e spesso aghi della bilancia, in grado di far pendere la stessa più verso un'approccio maggiormente orientato al client, piuttosto che al server. In questo talk condivideremo esperienze pratiche concrete, dal perchè abbiamo deciso di utilizzare Mithril.js come framework, alla risoluzione di problematiche comuni quali routing, localizzazione, autenticazione e stato condiviso fra server e client. Allo stesso tempo cercheremo di condividere i principi generali alla base delle nostre scelte, in modo da fornire idee e spunti anche a chi adotta uno stack tecnologico diverso.

0

Ad oggi il Rendering del DOM è uno dei problemi che più affliggono le applicazioni basate su tecnologie Web. Soprattutto quando utilizzate in ambienti diversi dalla classica web application come Apache Cordova o Electron. Vedremo come PixiJS ci permette si scavalcare questo problema utilizzando le WebGL le quali scavalcano la pipeline di rendering del browser, dialogando direttamente con la scheda video del device.

1

Per lo sviluppo di una PWA l'uso delle notifiche diventano un utile strumento per l'utente. Una overview di come mettere insieme tutti i pezzi necessari per implementarle nelle nostre web app.

Hai appena iniziato. hai realizzato la tua applicazione web utilizzando le tecnologie base del web. HTML, CSS ed un tocco di JavaScript. Adesso è giunto il momento di sbarcare su mobile per espandere il tuo business. Vuoi aggiungere alcune funzionalità molto semplici, notifiche push, accesso alla fotocamera, nulla di più. Guardi cosa ti offre il mercato: ReactNative, Ionic, NativeScript e scopri che in tutti i casi devi imparare qualcosa di nuovo, devi riscrivere la tua interfaccia al di sopra di queste tecnologie e devi pure esporre un API per i tuoi dati. Non ci sarebbe nessun problema se non che il tuo team di sviluppo è composto da te e il tuo cane. Tempo di sviluppo stimato? 8 mesi. Troppo. Non tutte le aziende sono grandi aziende e hanno le risorse umane per sviluppare il tutto nei tempi previsti. All'improvviso la soluzione: Turbolinks. Non devi rifare l'interfaccia da capo. Non devi esporre un API. Puoi attingere dalle funzionalità native del dispositivo solo quando serve a migliorare l'esperienza utente. E' la soluzione che fa per te?

Si può sviluppare videogame in JavaScript? Si! In questa talk scoprirememo gli strumenti di base con i quali sviluppare il vostro primo videogame!