Concetti Fondamentali di React Native

Concetti Fondamentali di React Native

React Native è costruito sugli stessi principi di React per il web, ma con una differenza cruciale. Invece di renderizzare in elementi HTML come div e span, React Native renderizza in componenti nativi della piattaforma. Quando scrivi un componente View, diventa un UIView su iOS e una Android View su Android. Questa è la magia che fa sentire le app React Native come native.

I componenti core in React Native mappano direttamente agli elementi UI nativi. Invece di un div, usi una View. Invece di span o p, usi Text. Invece di img, usi Image. Questi componenti sono i mattoni della tua applicazione. Vengono combinati e annidati per creare interfacce utente complesse, proprio come gli elementi HTML sul web.

Lo styling in React Native è fatto con JavaScript, non con CSS. Scrivi stili usando oggetti JavaScript simili alle proprietà CSS ma con naming in camelCase. Ad esempio, background-color in CSS diventa backgroundColor in React Native. Gli stili vengono applicati direttamente ai componenti usando la prop style, e puoi usare StyleSheet.create per definire oggetti di stile riutilizzabili.

Il bridge è il meccanismo che collega JavaScript alla piattaforma nativa. Quando scrivi codice React Native, questo viene eseguito in un motore JavaScript sul dispositivo. Il bridge è responsabile della serializzazione dei messaggi tra il thread JavaScript e il thread UI nativo. Questa architettura ti permette di scrivere la logica della tua app in JavaScript mentre l'interfaccia viene renderizzata nativamente, dandoti il meglio di entrambi i mondi.