React Installazione o configurazione


Esempio

ReactJS è una libreria JavaScript contenuta in un singolo file react-<version>.js che può essere inclusa in qualsiasi pagina HTML. Inoltre, le persone installano comunemente la libreria React DOM react-dom-<version>.js insieme al file principale di React:

Inclusione di base

<!DOCTYPE html>
<html>
    <head></head>
    <body>
    <script type="text/javascript" src="/path/to/react.js"></script>
    <script type="text/javascript" src="/path/to/react-dom.js"></script>
    <script type="text/javascript">
        // Use react JavaScript code here or in a separate file
    </script>
    </body>
</html>

Per ottenere i file JavaScript, vai alla pagina di installazione della documentazione ufficiale di React.

React supporta anche la sintassi JSX . JSX è un'estensione creata da Facebook che aggiunge la sintassi XML a JavaScript. Per utilizzare JSX devi includere la libreria Babel e cambiare <script type="text/javascript"> in <script type="text/babel"> per tradurre JSX in codice Javascript.

<!DOCTYPE html>
<html>
    <head></head>
    <body>
    <script type="text/javascript" src="/path/to/react.js"></script>
    <script type="text/javascript" src="/path/to/react-dom.js"></script>
    <script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script>
    <script type="text/babel">
        // Use react JSX code here or in a separate file
    </script>
    </body>
</html>

Installazione via npm

Puoi anche installare React usando npm attenendo alla seguente procedura:

npm install --save react react-dom

Per utilizzare React nel tuo progetto JavaScript, puoi fare quanto segue:

var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<App />, ...);

Installazione via filato

Facebook ha rilasciato il proprio gestore di pacchetti denominato Yarn , che può essere utilizzato anche per installare React. Dopo aver installato Yarn è sufficiente eseguire questo comando:

yarn add react react-dom

Puoi quindi utilizzare React nel tuo progetto esattamente nello stesso modo in cui avevi installato React via npm.