Categories
Node.js React web

Server-Side Rendering

Ci sono due modi in cui un sito web realizzato con ReactJS può fornire una prima pagina al browser:

  • Client-Side Rendering (CSR) una cornice bianca vuota con una clessidra al suo interno (un Javascript da eseguire nel browser)
  • Server-Side Rendering (SSR) una pagina HTML che appare immediatamente decorata nel browser

La soluzione da scegliere dipende dal tipo di problema da risolvere.

Categories
database Node.js React

Database remoto (3)

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.

  1. https://www.cancellino.org/2023/04/database-remoto-1/ []
Categories
debug linguaggio javascript npm React Native

Debug con log

Il debug in React è facile, in quanto in caso di errori appaiono i numeri delle righe del codice sorgente. In React Native è un incubo.

Categories
IDE types

IDE Emacs 2

In questo articolo si continua a parlare dell’IDE Emacs (>=27) e si installeranno i minor e major mode utili per programmare in JavaScript.

Categories
IDE React Native types

IDE Emacs

Emacs è un IDE disponibile come software libero. Se si installa senza server grafico, si trova come pacchetto Debian: emacs-nox. In questo articolo si vedranno le scorciatoie da tastiera utili e alcuni minor mode.

Categories
component npm props React Navigation

React Navigation 1

React Navigation1 permette all’utente di sfogliare le schermate dell’applicazione (dette anche screen).

  1. https://reactnavigation.org []
Categories
Node.js npm types

flow

flow è un tool che permette di aggiungere annotazioni sui tipi di dato al JavaScript.

Prima di installare flow, si fa notare che le sue annotazioni provocherebbero errore in fase di compilazione, quindi servirà anche uno strumento per rimuovere le annotazioni quando non sono più necessarie. Per questo motivo prima di installare flow si può installare e configurare babel.

Categories
ESLint linguaggio javascript npm

ESLint

Questo strumento aiuta il programmatore ad individuare problemi nel codice sorgente.

  • ES è l’abbreviazione di ECMA Script
  • Lint in inglese significa peluria, lanuggine.
Categories
Android architettura boilerplate solution iOS linguaggio javascript Node.js npm piattaforme React Native

React Native template (4)

Nel precedente post si è osservato che il template di React Native che si otteneva con il seguente comando sul terminale aveva dei difetti

Categories
boilerplate solution component gradle linguaggio javascript moduli Node.js React Native React Navigation style

React Native template (3)

Nella pagina github di TheCodingMachine si possono osservare altri template1 . Possiamo prendere le idee di questi template per migliorare il nostro progetto.

  1. https://github.com/thecodingmachine/react-native-boilerplate/tree/main/template []