Concepts Fondamentaux de React Native

Concepts Fondamentaux de React Native

React Native est construit sur les mêmes principes que React pour le web, mais avec une différence cruciale. Au lieu de rendre des éléments HTML comme divs et spans, React Native rend des composants natifs de la plateforme. Lorsque vous écrivez un composant View, il devient un UIView sur iOS et un Android View sur Android. C'est la magie qui donne aux applications React Native un aspect natif.

Les composants de base dans React Native correspondent directement aux éléments d'interface utilisateur natifs. Au lieu d'une div, vous utilisez View. Au lieu d'un span ou p, vous utilisez Text. Au lieu d'une img, vous utilisez Image. Ces composants sont les blocs de construction de votre application. Ils sont combinés et imbriqués pour créer des interfaces utilisateur complexes, tout comme les éléments HTML sur le web.

Le style dans React Native se fait avec JavaScript, pas avec CSS. Vous écrivez les styles en utilisant des objets JavaScript qui sont similaires aux propriétés CSS mais utilisent la notation camelCase. Par exemple, background-color en CSS devient backgroundColor dans React Native. Les styles sont appliqués directement aux composants via la prop style, et vous pouvez utiliser StyleSheet.create pour définir des objets de style réutilisables.

Le pont est le mécanisme qui relie JavaScript à la plateforme native. Lorsque vous écrivez du code React Native, il s'exécute dans un moteur JavaScript sur l'appareil. Le pont est responsable de la sérialisation des messages entre le thread JavaScript et le thread d'interface utilisateur natif. Cette architecture vous permet d'écrire la logique de votre application en JavaScript tandis que l'interface utilisateur est rendue nativement, vous offrant le meilleur des deux mondes.