# Offline-First Architecture (React Native)

> NetInfo, sync strategies, conflict resolution, queue management, offline UX

- 20 questions d'entretien
- Senior
- [Questions d'entretien: React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien.md)

## 1. Qu'est-ce que l'architecture offline-first dans le contexte d'une application mobile ?

**Réponse**

L'architecture offline-first est une approche de conception où l'application est conçue pour fonctionner principalement avec des données locales, la synchronisation avec le serveur étant considérée comme secondaire. Les données sont d'abord stockées localement et synchronisées avec le backend lorsque la connexion est disponible. Cette approche garantit une expérience utilisateur fluide même sans connexion réseau, contrairement à l'approche online-first qui dépend de la connectivité pour fonctionner.

## 2. Quel package utiliser pour détecter l'état de la connexion réseau dans React Native ?

**Réponse**

@react-native-community/netinfo est le package standard pour détecter l'état de la connexion réseau dans React Native. Il permet de savoir si l'appareil est connecté, le type de connexion (WiFi, cellulaire), et offre des listeners pour réagir aux changements de connectivité en temps réel. C'est un composant essentiel pour implémenter une architecture offline-first.

## 3. Comment utiliser NetInfo pour écouter les changements de connectivité en temps réel ?

**Réponse**

NetInfo.addEventListener permet de s'abonner aux changements de connectivité et retourne une fonction de désabonnement. Cette fonction doit être appelée dans le cleanup de useEffect pour éviter les fuites mémoire. Le callback reçoit un objet state contenant isConnected, type, et d'autres informations sur la connexion actuelle. Cette approche est essentielle pour réagir dynamiquement aux changements de réseau.

## 17 questions supplémentaires disponibles

- Quelle est la différence entre isConnected et isInternetReachable dans NetInfo ?
- Quelle stratégie de synchronisation utiliser pour une application de prise de notes offline-first ?

S'inscrire gratuitement: https://sharpskill.dev/fr/login

## Autres sujets d'entretien React Native

- [Les bases de JavaScript](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/javascript-essentials.md): 25 questions, Junior
- [Fondamentaux React](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/react-fundamentals.md): 20 questions, Junior
- [Bases de React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/react-native-basics.md): 22 questions, Junior
- [React Hooks](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/react-hooks.md): 20 questions, Junior
- [TypeScript pour React & React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/typescript-for-react-native.md): 22 questions, Junior
- [Composants & API React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-components-api.md): 20 questions, Junior
- [Styling & Layout React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-styling-layout.md): 18 questions, Junior
- [Navigation React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-navigation.md): 22 questions, Confirmé
- [State Management React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-state-management.md): 24 questions, Confirmé
- [Networking & API React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-networking-api.md): 20 questions, Confirmé
- [Persistance des données](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-data-persistence.md): 20 questions, Confirmé
- [Forms & Validation](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-forms-validation.md): 18 questions, Confirmé
- [Animations React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-animations.md): 22 questions, Confirmé
- [Native Modules & Bridge](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-native-modules.md): 20 questions, Confirmé
- [Code spécifique aux plateformes](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-platform-specific-code.md): 18 questions, Confirmé
- [Permissions & Device APIs](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-permissions-apis.md): 20 questions, Confirmé
- [Push Notifications](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-push-notifications.md): 18 questions, Confirmé
- [Testing React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-testing.md): 20 questions, Confirmé
- [Debugging React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-debugging.md): 18 questions, Confirmé
- [Build & Deployment](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-build-deployment.md): 20 questions, Confirmé
- [Expo vs React Native Bare](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/expo-vs-bare-rn.md): 18 questions, Confirmé
- [Performance Optimization](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-performance-optimization.md): 24 questions, Senior
- [Memory Management](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-memory-management.md): 20 questions, Senior
- [Architecture Patterns](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-architecture-patterns.md): 22 questions, Senior
- [New Architecture React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-new-architecture.md): 24 questions, Senior
- [Security Best Practices](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-security-best-practices.md): 20 questions, Senior
- [CI/CD React Native](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-ci-cd.md): 20 questions, Senior
- [Monorepo & Code Sharing](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-monorepo-architecture.md): 18 questions, Senior
- [Advanced Topics](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-advanced-topics.md): 22 questions, Senior
- [App Lifecycle & Background Execution](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-app-lifecycle-background.md): 20 questions, Confirmé
- [Authentication & Session Management](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-auth-session-management.md): 22 questions, Confirmé
- [Monitoring & Crash Reporting](https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-monitoring-crash-reporting.md): 20 questions, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/fr/technologies/react-native/questions-entretien/rn-offline-first