React Native 2026 : Architecture Bridgeless & JSI
React Native 2026 : Architecture Bridgeless & JSI
Maîtrisez la révolution de la nouvelle architecture de React Native. Dans ce cours, nous dépassons l'ancien Bridge pour entrer dans le monde haute performance de JSI (JavaScript Interface). Apprenez à concevoir des applications « Near-Native » en communiquant directement avec C++ et Rust. Nous nous concentrons sur la programmation système, les TurboModules et les appels natifs synchrones pour bâtir la prochaine génération d'applications mobiles avec une rapidité et une efficacité sans précédent.
Leçons
- L'évolution : Pourquoi le Bridge est mort
- Comprendre JSI (JavaScript Interface)
- Configuration de l'environnement 2026
- Le rôle du moteur Hermes dans le mode Bridgeless
- Les bases du C++ pour les développeurs JavaScript
- Votre premier module JSI : Le défi « Hello C++ »
- Gestion de la mémoire : Pointeurs vs Références
- Introduction aux TurboModules
- Le processus Codegen
- Fabric : Le nouveau moteur de rendu UI
- Configuration de CMake pour JSI
- Définition des spécifications TypeScript pour Codegen
- Implémentation d'un TurboModule en C++ (Android)
- Implémentation d'un TurboModule en C++ (iOS)
- Projet Semaine 1 : Module mathématique synchrone
- Types de données JSI : Strings et Numbers
- Gestion des Objets et des Tableaux en JSI
- La puissance des HostObjects
- Mode Bridgeless : L'activer en 2026
- Débogage du C++ dans React Native
- Projet Semaine 2 : Module de cryptographie haute vitesse
- Modèle de threading dans la Nouvelle Architecture
- Appels natifs synchrones : Avantages et inconvénients
- Partage de tampons mémoire (ArrayBuffers)
- Introduction à Rust dans React Native
- Connecter Rust à JSI via CXX
- Projet Semaine 3 : Processeur d'images propulsé par Rust
- JSI Avancé : Gestion des erreurs en C++
- Gestion des callbacks JS en C++
- Le cycle de vie de la Nouvelle Architecture
- Fabric : Créer une vue personnalisée en C++
- Props et événements Fabric
- Projet Semaine 4 : Slider haute performance personnalisé
- Couche d'interopérabilité : Utilisation des modules hérités (Legacy)
- Profilage de performance avec Flipper et Chrome
- Le futur de React Native (2027 et au-delà)