Grundlegende Konzepte von React Native

Grundlegende Konzepte von React Native

React Native basiert auf denselben Prinzipien wie React für das Web, jedoch mit einem entscheidenden Unterschied. Anstatt HTML-Elemente wie divs und spans zu rendern, rendert React Native native Plattformkomponenten. Wenn Sie eine View-Komponente schreiben, wird daraus auf iOS eine UIView und auf Android eine Android View. Das ist die Magie, die React Native-Apps nativ erscheinen lässt.

Die Kernkomponenten in React Native bilden direkt native UI-Elemente ab. Anstelle eines divs verwenden Sie View. Anstelle eines spans oder p verwenden Sie Text. Anstelle eines img verwenden Sie Image. Diese Komponenten sind die Bausteine Ihrer Anwendung. Sie werden kombiniert und verschachtelt, um komplexe Benutzeroberflächen zu erstellen, genau wie HTML-Elemente im Web.

Das Styling in React Native erfolgt mit JavaScript, nicht mit CSS. Sie schreiben Stile mit JavaScript-Objekten, die CSS-Eigenschaften ähneln, aber die CamelCase-Notation verwenden. Beispielsweise wird background-color in CSS zu backgroundColor in React Native. Stile werden direkt auf Komponenten über die style-Prop angewendet, und Sie können StyleSheet.create verwenden, um wiederverwendbare Stilobjekte zu definieren.

Die Brücke ist der Mechanismus, der JavaScript mit der nativen Plattform verbindet. Wenn Sie React Native-Code schreiben, wird er in einer JavaScript-Engine auf dem Gerät ausgeführt. Die Brücke ist für die Serialisierung von Nachrichten zwischen dem JavaScript-Thread und dem nativen UI-Thread verantwortlich. Diese Architektur ermöglicht es Ihnen, Ihre App-Logik in JavaScript zu schreiben, während die UI nativ gerendert wird, und bietet Ihnen das Beste aus beiden Welten.