Ci sono due modi in cui un sito web realizzato con ReactJS può fornire una prima pagina al browser:
La soluzione da scegliere dipende dal tipo di problema da risolvere.
Si può usare un’applicazione JavaScript (Node.js) per accedere al DBMS Apache Cassandra. Infatti, di solito, il DBMS deve essere protetto, quindi NON è esposto sulla rete pubblica. Per lo stesso motivo, il server DBMS e il server Node.js si trovano nella stessa rete locale.
Si veda prima l’articolo su come installare Cassandra e come creare un nuovo utente amministratore1.
Alcune caratteristiche di Apache Cassandra sono molto interessanti.
Apache Cassandra può essere installato su diversi nodi fisici e memorizza i dati in modo distributo.
Dato che ogni server-nodo contiene una replica parziale dei dati, esso fornisce un servizio molto affidabile e con elevata disponibilità.
Le applicazioni per smartphone possono usare un database locale (come SQLite) oppure un DBMS remoto (come MySQL). Il DBMS remoto è un server, cioè ha una porta aperta dove rimane in attesa di connessione. Per motivi di sicurezza il server NON viene esposto nella rete pubblica. Quando si usa un database remoto si preferisce esporre un server web (http) che espone API di tipo REST
Questo argomento (di ReactJS) è utile per i programmatori che devono usare State hook in modo globale, ovvero che devono passare proprietà props props in cascata a molti componenti. Ci sono esempi di passaggi in cascata nella libreria React Navigation.
Context possono essere usati sia nei component basati su classi, che nei component basati su funzioni.
Per ora si vedrà il primo tipo.
Quando si usano Component basati sulle funzioni, in passato si avevano delle difficoltà, rispetto ai Component basati sulle classi. Ad esempio, le variabili contenute nelle funzioni hanno vita breve e non sono statiche. In tali casi diventa difficile fare anche un semplice contatore, questo perchè il contatore si azzera ogni volta che si richiama la funzione. Per questo motivo i component basati su funzioni venivano chiamati stateless component. Oggi non è più così grazie agli hooks, come State hooks. Altri hooks disponibili in React sono: