Contenuti
La presentazione mette a confronto l’evoluzione dello sviluppo web, analizzando il passaggio dalle vecchie architetture “fat server” (es. IntraWeb, ASP.NET Web Forms) alle moderne Single Page Application (SPA) basate sugli standard HTML5, CSS3 e JavaScript.
Il talk approfondisce in dettaglio il funzionamento di ReactJS, esplorando il concetto di Virtual DOM, la sintassi JSX, il ciclo di vita dei componenti e la gestione di stato e proprietà. Infine, viene mostrato come integrare un frontend reattivo sviluppato in ReactJS con un backend robusto realizzato in Delphi per l’erogazione di API RESTful.
Argomenti
- Evoluzione delle Applicazioni Web: confronto tra architetture Web Server “Fat” tradizionali (con pregi/difetti) e moderno sviluppo basato su standard web (HTML5, CSS3, JavaScript)
- Il Ruolo di JavaScript e del DOM: la rivalutazione di JavaScript, le nuove API HTML5, le limitazioni del DOM tradizionale e l’introduzione a librerie come jQuery
- Introduzione alle SPA (Single Page Application): caratteristiche principali, vantaggi per l’esperienza utente e panoramica dei framework/librerie (AngularJS, ExtJS, ReactJS)
- La Libreria ReactJS: concetti di base, componenti, confronto con altri strumenti, sintassi JSX, gestione delle proprietà (props) e dello stato (state)
- Dietro le Quinte di React: analisi del Virtual DOM, gli elementi del VDOM, la funzione
createElement()e il ciclo di vita del componente (Component Lifecycle) - Backend in Delphi ed Integrazione: creazione di API e servizi di backend in Delphi (tramite DataSnap, EMS, DelphiMVCFramework, MARS, Indy) da consumare nell’app React, con note su estensioni avanzate e Q&A finale