Aggiungere React Ad Un Sito
These docs are old and won’t be updated. Go to react.dev for the new React docs.
See Add React to an Existing Project for the recommended ways to add React.
Utilizza React quel poco o quel tanto che ti basta.
React è stato progettato fin dall’inizio per essere adottato gradualmente e puoi utilizzarlo quel poco o quel tanto che ti basta. Forse devi solamente aggiungere un “pizzico di interattività” a una pagina esistente. I componenti React sono un ottimo modo per farlo.
La maggior parte dei siti non sono applicazioni single-page e non hanno bisogno di esserlo. Prova ad utilizzare React in una piccola parte del tuo sito, con poche righe di codice e nessuno strumento di build. In seguito, puoi espandere gradualmente la sua presenza, oppure puoi mantenerlo confinato ad alcuni widget dinamici.
- Aggiungi React in Un Minuto
- Opzionale: Prova React con JSX (non è necessario alcun bundler!)
Aggiungi React in Un Minuto
In questa sezione, ti mostreremo come aggiungere un componente React ad una pagina HTML esistente. Per allenarti, puoi utilizzare il tuo sito oppure creare una pagina HTML vuota di prova.
Non ci saranno requisiti di installazione da soddisfare o strumenti complicati da utilizzare — per completare questa sezione, ti servono solamente una connessione a internet e un minuto del tuo tempo.
Opzionale: Scarica l’esempio completo (2KB zippato)
Passo 1: Aggiungi un Contenitore DOM all’HTML
Per prima cosa, apri la pagina HTML che vuoi modificare. Aggiungi un tag Abbiamo assegnato a questo Consiglio Puoi posizionare un Successivamente, aggiungi questi tre tag
<div id="contenitore_bottone_like">div>
id univoco. Questo ci consentirà più tardi di trovarlo con il codice JavaScript e di visualizzare un componente React al suo interno.
. Puoi inserire tutti i contenitori DOM indipendenti di cui hai bisogno in una pagina. Solitamente vengono lasciati vuoti — React sostituirebbe comunque qualsiasi cosa si trovasse all’interno dei contenitori DOM.
Passo 2: Aggiungi i Tag Script