Expo

Expo est un framework et une plateforme complète construite autour de React Native qui permet aux développeurs de créer, déployer et itérer rapidement sur des applications mobiles natives pour iOS et Android. En fournissant une suite d'outils préconfigurés et une bibliothèque d'API natives, Expo élimine la complexité de la configuration native et accélère considérablement le développement mobile multiplateforme.

Fondements techniques

• SDK unifié fournissant accès aux API natives (caméra, géolocalisation, notifications) via JavaScript
• Expo Go pour tester instantanément sur appareil physique sans compilation native
• EAS (Expo Application Services) pour le build, la soumission et les mises à jour OTA
• Architecture modulaire permettant l'intégration progressive de code natif avec modules personnalisés

Avantages stratégiques

• Réduction drastique du time-to-market grâce à l'élimination de la configuration native complexe
• Expérience développeur optimale avec hot reload, debugging intégré et écosystème cohérent
• Mises à jour instantanées via OTA sans passage par les stores pour corrections et features
• Réduction des coûts de développement avec une équipe JavaScript unique pour iOS et Android
• Écosystème mature avec bibliothèques tierces optimisées et communauté active

Exemple concret d'application

import { StatusBar } from 'expo-status-bar';
import { Camera } from 'expo-camera';
import * as Location from 'expo-location';
import * as Notifications from 'expo-notifications';
import { StyleSheet, Text, View, Button } from 'react-native';
import { useState, useEffect } from 'react';

export default function App() {
  const [location, setLocation] = useState(null);
  const [hasPermission, setHasPermission] = useState(false);

  useEffect(() => {
    (async () => {
      const { status } = await Location.requestForegroundPermissionsAsync();
      setHasPermission(status === 'granted');
      
      if (status === 'granted') {
        const loc = await Location.getCurrentPositionAsync({});
        setLocation(loc.coords);
      }
    })();
  }, []);

  const scheduleNotification = async () => {
    await Notifications.scheduleNotificationAsync({
      content: {
        title: 'Position enregistrée',
        body: `Lat: ${location?.latitude}, Lng: ${location?.longitude}`,
      },
      trigger: { seconds: 2 },
    });
  };

  return (
    <View style={styles.container}>
      <Text style={styles.title}>Expo Demo App</Text>
      {location && (
        <Text>Position: {location.latitude.toFixed(4)}, {location.longitude.toFixed(4)}</Text>
      )}
      <Button title="Envoyer notification" onPress={scheduleNotification} />
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    padding: 20,
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    marginBottom: 20,
  },
});

Mise en œuvre pratique

1. Installation via 'npx create-expo-app@latest' pour initialiser un projet préconfiguré
2. Développement avec Expo Go sur smartphone pour tester en temps réel via QR code
3. Intégration des modules Expo nécessaires (camera, location, notifications, etc.)
4. Configuration EAS pour automatiser les builds iOS/Android sur infrastructure cloud
5. Déploiement avec 'eas build' et soumission automatique aux stores via 'eas submit'
6. Mise en place d'OTA updates pour déployer corrections et features sans recompilation

Outils et services associés

• EAS Build - Service de compilation cloud pour générer binaires iOS/Android
• EAS Update - Distribution de mises à jour JavaScript OTA instantanées
• Expo Router - Navigation basée sur fichiers inspirée de Next.js pour apps mobiles
• Expo Dev Client - Version personnalisable d'Expo Go avec modules natifs
• React Native - Framework sous-jacent pour composants UI natifs
• TypeScript - Typage statique recommandé pour projets Expo en production

Expo transforme le développement mobile en éliminant les frictions traditionnelles de React Native. En offrant une infrastructure complète du développement au déploiement, il permet aux équipes de se concentrer sur la valeur métier plutôt que sur la complexité technique native. Cette approche réduit les délais de mise sur marché de 40 à 60% tout en maintenant performances et expérience utilisateur natives, faisant d'Expo le choix privilégié pour startups et entreprises cherchant vélocité et efficacité dans le mobile.