React Native est un framework JavaScript qui permet de développer des applications

mobiles multiplateformes, à la fois pour iOS et Android, en utilisant la syntaxe et

les concepts de React. Voici une explication des concepts essentiels :

Composants : Comme dans React, les applications React Native sont construites à
partir de composants réutilisables. Les composants sont des blocs de construction
indépendants qui peuvent contenir de la logique et de l'interface utilisateur. Vous
pouvez créer vos propres composants personnalisés ou utiliser les composants
prédéfinis fournis par React Native.

Props : Les props (propriétés) sont des valeurs qui peuvent être passées de parents
à enfants dans la hiérarchie des composants. Ils permettent de transmettre des
données et des fonctions entre les composants. Les props sont immuables, ce qui
signifie qu'ils ne peuvent pas être modifiés par le composant enfant. Les
composants peuvent accéder aux props à l'aide de this.props (dans les composants de
classe) ou directement dans les paramètres de fonction (dans les composants
fonctionnels).

Hooks : Les hooks sont une fonctionnalité introduite dans React 16.8 qui permet de
gérer l'état et d'autres fonctionnalités dans les composants fonctionnels. Ils
permettent aux composants fonctionnels de bénéficier de fonctionnalités telles que
l'état local, les effets secondaires et le contexte, qui étaient auparavant
réservées aux composants de classe. Les hooks couramment utilisés sont useState,
useEffect, useContext, useReducer, etc.

State : Le state représente l'état interne d'un composant et peut être utilisé pour
stocker et gérer des données qui changent au fil du temps. Dans les composants de
classe, vous pouvez définir l'état initial dans le constructeur en utilisant
this.state et le modifier à l'aide de this.setState(). Dans les composants
fonctionnels, vous pouvez utiliser le hook useState pour déclarer et mettre à jour
l'état.

Redux : Redux est une bibliothèque de gestion d'état qui peut être utilisée avec
React Native (ainsi qu'avec React). Il permet de stocker l'état de l'application
dans un store centralisé, accessible par tous les composants. Redux favorise une
gestion prévisible et cohérente de l'état, en évitant les dépendances excessives
entre les composants. Il utilise des concepts tels que les actions, les reducers et
les stores. Les actions décrivent les changements d'état, les reducers spécifient
comment l'état change en réponse aux actions, et le store contient l'état global de
l'application.

L'utilisation des props, des hooks, des states et de Redux dépendra de la

complexité de votre application et de vos besoins spécifiques. Ils sont tous des
outils puissants pour développer des applications React Native efficaces et
réactives.
ps

Les composants Stateful (composants avec état) et Stateless (composants sans état),
également connus sous les noms de composants Class (composants de classe) et
Function (composants fonctionnels), sont deux types de composants que l'on retrouve
dans React et React Native. Voici une explication de chaque type :

Composants Stateful (Class Components) :

Les composants Stateful sont des composants de classe, définis en tant que classes
JavaScript étendant la classe React.Component. Ils utilisent l'état (state) pour
stocker et gérer les données internes du composant.
Les composants Stateful ont accès à des fonctionnalités supplémentaires, telles que
le cycle de vie des composants et la possibilité de gérer leur propre état et les
mises à jour.
Les composants Stateful utilisent des méthodes spéciales, telles que render(),
componentDidMount(), componentDidUpdate(), etc., pour définir le comportement du
composant en fonction des changements d'état ou d'autres événements.
Composants Stateless (Function Components) :

Les composants Stateless sont des composants fonctionnels, définis sous forme de
fonctions JavaScript. Ils sont plus simples et plus légers que les composants
Stateful.
Les composants Stateless ne gèrent pas d'état interne. Ils reçoivent des données
via les props (propriétés) et se contentent de les afficher ou de les transmettre à
d'autres composants. Ils se concentrent principalement sur la partie rendu de
l'interface utilisateur.
Les composants Stateless ne disposent pas des mêmes fonctionnalités que les
composants de classe, tels que le cycle de vie des composants. Cependant, avec
l'introduction des Hooks dans React, les composants fonctionnels peuvent maintenant
gérer l'état et utiliser d'autres fonctionnalités avancées en utilisant des hooks
tels que useState et useEffect.
L'utilisation de composants Stateful ou Stateless dépend de la complexité de votre
application et de vos besoins spécifiques. Les composants Stateful sont souvent
utilisés lorsque vous avez besoin de gérer un état interne complexe ou d'effectuer
des opérations spécifiques à des moments précis du cycle de vie du composant. Les
composants Stateless, en revanche, sont plus simples et utiles pour les parties de
votre interface utilisateur qui n'ont pas besoin de gérer leur propre état.

Dans l'écosystème React et React Native, les composants Stateless (composants

fonctionnels) sont devenus plus populaires grâce à la simplicité et à la lisibilité
accrues qu'ils offrent. Cependant, les composants Stateful (composants de classe)
sont toujours utilisés lorsque des fonctionnalités spécifiques sont nécessaires.