Differenze tra WordPress e React per la

realizzazione di un sito web

Introduzione
Nel contesto dello sviluppo di siti web, WordPress e React sono due tecnologie che è
possibile adottare, ma che differiscono notevolmente per approccio e caratteristiche offerte
agli sviluppatori ed al committente di un portale web. Questa relazione mira ad evidenziare
le differenze tra WordPress e React nel contesto della realizzazione di un sito web.

WordPress
WordPress è un sistema di gestione dei contenuti (CMS) che consente agli utenti di creare
e gestire siti web facilmente. Secondo https://w3techs.com/ WordPress alimenta oltre un
terzo di siti web (43,1%) se si prendono in considerazione sia i siti che utilizzano un CMS
che quelli che non lo utilizzano, mentre se si limita il discorso ai soli siti che hanno un
CMS noto, la quota di mercato di WordPress diventa ancora più dominante. In questo
caso, WordPress detiene una quota di mercato pari al 65% dei siti web basati su un CMS
conosciuto. Wordpress è noto per la sua facilità d'uso, la flessibilità e la vasta gamma di
temi e plugin disponibili, utilizza PHP come linguaggio di programmazione principale ed
offre un'interfaccia utente intuitiva per la gestione dei contenuti.

Principali caratteristiche di WordPress:

1. Facilità d'uso: WordPress offre un'interfaccia utente intuitiva che permette di

creare e modificare facilmente il contenuto del sito web.
2. Vasta scelta di temi e plugin: WordPress mette a disposizione una vasta gamma
di temi predefiniti e plugin che consentono di personalizzare l'aspetto e le
funzionalità del sito. Nel corso degli anni sono nati diversi marketplace dove è
possibile acquistare diversi elementi da sviluppatori professionisti.
3. Community attiva: WordPress ha una vasta community di sviluppatori che
contribuiscono con temi, plugin e risorse di supporto.
4. SEO-friendly: WordPress è progettato per essere ottimizzato per i motori di
ricerca, offrendo funzionalità SEO integrati o tramite plugin dedicati.
5. Scalabilità: WordPress è adatto a progetti di varie dimensioni, dai blog personali ai
siti portali aziendali complessi.
6. AGID Compliant: A causa delle numerose installazioni per diversi enti pubblici,
sono disponibili template e soluzioni per rendere i portali realizzati con questa
tecnologia compliant con le linee guide emanate da AGID
7. Development Friendly: è possibile sviluppare funzionalità di personalizzazione per
WordPress, per apportare le modifiche necessarie lavorando su temi e plugin
 evitando di modificare i file core di WordPress: mantenendo così la compatibilità e
rendere facilmente eseguibile l'aggiornamento del sito.
8. Container Friendly: grazie alla tecnologia dei container è possibile effettuare
cloni anche dei sistemi in produzione permettendo facilmente di testare patch,
aggiornamenti di plugin, temi o codice sviluppato oltre che scalabilità orizzontale e
verticale.

Il principale svantaggio di wordpress è dato dal fatto che essendo un sistema molto
utilizzato, il numero di malfattori che cercano di attaccare i portali realizzati con questo
sistema sono numerosi; di conseguenza è necessaria un'attenzione costante
nell’attenzionare il traffico che movimenta il sito oltre a monitorare costantemente i vari
CVE (Common Vulnerabilities and Exposures) ed aggiornare tempestivamente plugin,
temi e codice di base.

React

React è una libreria JavaScript open-source utilizzata per la creazione di interfacce utente
(UI) interattive e reattive. È sviluppata e mantenuta da Facebook, ed è diventata
estremamente popolare nel campo dello sviluppo web negli ultimi anni. È ampiamente
utilizzato per lo sviluppo di applicazioni web a singola pagina (SPA) e offre un approccio
basato sui componenti. React è supportato da Facebook e ha guadagnato popolarità
grazie alla sua efficienza, modularità e alla sua capacità di creare interfacce utente
dinamiche.
Principali caratteristiche di React:

1. Component-based approach: React si basa su un approccio modulare, in cui le

diverse parti del sito web sono suddivise in componenti riutilizzabili.
2. Virtual DOM: React utilizza un Virtual DOM per ottimizzare la gestione delle
modifiche dell'interfaccia utente, migliorando le prestazioni complessive.
3. Reattività: React permette di creare interfacce utente dinamiche che rispondono
rapidamente ai cambiamenti dei dati senza dover ricaricare l'intera pagina.
4. Supporto di terze parti: React è supportato da una vasta gamma di librerie e
strumenti di sviluppo che consentono di ampliare le funzionalità base di React.
5. Mobile-friendly: React è compatibile con lo sviluppo di applicazioni mobili,
consentendo di condividere codice tra la versione web e mobile dell'applicazione.
6. Velocità: I siti web fatti con React sono molto veloci, agli utenti piace molto la
velocità
7. Native apps: è possibile usare React Native per creare app.
8. Librerie gratuite e supporto: Quasi tutte le librerie sono gratuite ed è presente
una community molto attiva.

E’ una buona soluzione per siti di piccole dimensioni o se utilizzata come tecnologia con
sistemi cms. React può essere usato con CMS headless. Un CMS headless è un sistema
di gestione dei contenuti che fornisce solo un interfaccia di back-end per la creazione e la
gestione dei contenuti, senza fornire un front-end predefinito. Questo permette di utilizzare

1
React per creare l'interfaccia utente dell'applicazione o del sito. Quando si utilizza React
con un CMS headless, i dati del contenuto vengono forniti tramite un'API, come ad
esempio un'API REST o GraphQL, che il CMS mette a disposizione. React può quindi
essere utilizzato per recuperare i dati dall'API del CMS e renderizzare dinamicamente
l'interfaccia utente in base ai dati ricevuti. Alcuni esempi di CMS headless popolari che
possono essere utilizzati con React includono Contentful, Prismic, Sanity e Strapi. Questi
CMS offrono funzionalità di gestione dei contenuti robuste e forniscono API ben
documentate per l'integrazione con React o altre librerie front-end.

Differenze tra WordPress e React

1. Approccio allo sviluppo: WordPress è un CMS che offre un'interfaccia visuale per la
gestione del contenuto, mentre React richiede la scrittura di codice JavaScript per
creare le interfacce utente o di un CMS headless.
2. Flessibilità: WordPress è più adatto per portali web con scopi generici, offrendo una
vasta scelta di temi e plugin. React è più indicato per progetti personalizzati e
piccoli ma anche complessi, consentendo uno sviluppo altamente flessibile.
3. Prestazioni: React, grazie all'utilizzo del Virtual DOM, offre prestazioni ottimizzate
rispetto a WordPress, che potrebbe essere più lento per siti web con un alto
numero di plugin o temi pesanti, ma come detto in precedenza è possibile ovviare a
questo problema utilizzando diverse tecniche per aumentarne la scalabilità
4. Curva di apprendimento: WordPress è più accessibile per gli utenti non tecnici
grazie alla sua interfaccia visuale, mentre React richiede una conoscenza
approfondita di JavaScript e delle sue librerie correlate.
5. Comunità e supporto: Entrambe le tecnologie hanno comunità attive, ma la vasta
adozione di WordPress ha portato a una maggiore disponibilità di risorse di
supporto e plugin pronti all'uso.
6. “Time to business” (T2B): Il tempo richiesto per realizzare un portale o un restyling
di un portale web dall’analisi iniziale al raggiungimento degli obiettivi di business
desiderati è particolarmente elevato in React confrontandolo rispetto alla
produzione con un CMS Wordpress.
7. Costi: poiché in react bisogna sviluppare diversi componenti nella formazione del
team di progetto è necessario inserire diversi sviluppatori per la realizzazione di
feature che in molti casi sono presenti in Wordpress o facilmente implementabili
selezionando un plugin.

Conclusioni
WordPress e React sono due tecnologie diverse con scopi e approcci diversi per la
realizzazione di un sito web. WordPress è un CMS user-friendly adatto per siti web con
scopi generici, mentre React è una libreria JavaScript reattiva che offre maggiore
flessibilità per progetti personalizzati e complessi. Consigliamo per il vostro progetto
l’adozione di WordPress rispetto a React per il restyling del vostro sito web.
2
E’ anche possibile pensare ad un utilizzo combinato di Woordpress + React in cui
vengono utilizzati il backend di Wordpress e le API di Wordpress per fornire i dati al Front
End realizzato in React. Ma sconsigliamo questa soluzione perché necessiterebbe di una
onerosa fase di analisi e unirebbe i benefici di ambedue i sistemi ma anche i problemi.