Categories
Context hooks React

Context Hooks

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.

Categories
hooks React

State Hooks

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:

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 piattaforme

WayDroid

Per eseguire le applicazioni .apk (senza un vero dispositivo Android) si potrebbe usare WayDroid in un container (o virtualizzazione a livello di sistema operativo).

Categories
component image moduli React Native

React Native con immagini

Le applicazioni per smartphone viste fino ad ora sono dei template dimostrativi, composti da una schermata che non fa quasi nulla. Cosa si può aggiungere? Un’immagine sullo sfondo?

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/ []