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 []
Categories
boilerplate solution gradle linguaggio javascript Node.js npm React Native types

React Native template (2)

Il precedente progetto è stato ottenuto con questo comando1 :

  1. https://www.cancellino.org/2023/01/react-native-template-1/ []
Categories
classi component funzioni JSX linguaggio javascript Node.js React Native

React Native components

Come si è visto in questo codice sorgente1, gli elementi da rappresentare nell’applicazione React Native, come il testo e le immagini, sono contenuti nei component.

  1. https://www.cancellino.org/2023/01/react-native-template-1/ []
Categories
boilerplate solution linguaggio javascript moduli Node.js React Native

React Native template (1)

Analizziamo la struttura del progetto3 (applicazione dimostrativa creata nei precedenti post12 ).

Il progetto progetto3 è stato ottenuto (dalla rete Internet) con questo comando:

  1. https://www.cancellino.org/2023/01/react-native-con-android-1/ []
  2. https://www.cancellino.org/2023/01/react-native-con-android-3/ []
Categories
iOS Node.js React Native

Node.js per macOS

Si è visto come installare l’ambiente di sviluppo con Node.js su PC con Linux, ora si vedrà come realizzare un ambiente di sviluppo per React Native su macOS (per iOS).

Categories
Android debug Node.js React Native

React Native con Android (2)

Nei precedenti post

  • si è creato un progetto dimostrativo (cartella progetto3)1
  • è stato necessario predisporre l’ambiente di sviluppo per Android2

Vediamo come si prosegue in quello stesso esempio dimostrativo

  1. https://www.cancellino.org/2023/01/react-native-1/ []
  2. https://www.cancellino.org/2023/01/react-native-per-android/ []
Categories
Android architettura boilerplate solution iOS linguaggio javascript Node.js npm piattaforme React Native web

React Native con Android (1)

Il primo progetto è una semplice dimostrazione d’uso di React Native

Se vogliamo creare un progetto per smartphone Android e iOS si può installare React Native. L’articolo su iOS/macOS è stato separato1

  1. https://www.cancellino.org/2023/01/node-js-per-macos []