Categories
Android gradle Linux Node.js npm

Verificare l’ambiente di sviluppo (1)

A distanza di un anno circa, proviamo a riassumere (e ripetere) i passaggi necessari per realizzare e verificare il funzionamento di un ambiente di sviluppo per compilare un semplice progetto React Native di un’applicazione Android composto da una sola pagina.

Sarà cambiato qualcosa rispetto all’anno scorso?

Categories
boilerplate solution Node.js npm package,json

npx init

Esistono dei template open source nel web, anche se purtroppo molti hanno Expo tra le dipendenze.

Categories
boilerplate solution iOS Node.js npm package,json piattaforme

File package.json

Quando si crea un nuovo progetto si devono conservare molte informazioni utili al progetto, come ad esempio:

  • la licenza d’uso del software
  • l’autore
  • la versione
  • le dipendenze (di vario tipo)
  • e molto altro
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 npm package,json 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
moduli Node.js

Node.js (5)

Node.js supporta anche i “nuovi” moduli ES6, quindi solo per motivi didattici si può leggere l’uso dell’altro tipi di moduli: CommonJS.

In questo esempio si vedrà l’uso di require ed exports.

Categories
Android 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 il debug invece può diventare un incubo (se non si usa un linter).

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 package,json props React Navigation

React Navigation 1

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

  1. https://reactnavigation.org []