Comment Airbnb améliore en douceur React

La mise à jour frontend d'Airbnb vers React 18 a été effectuée en utilisant le système de mise à jour React, qui permet des mises à jour incrémentales et testables sans nécessiter une branche de fonctionnalité de longue durée. L'aliasing de module et la ciblage d'environnement ont divisé les versions de React en artefacts de construction et en environnements d'exécution distincts. Les disparités TypeScript ont été gérées en utilisant des shims, des augmentations de type et des corrections d'erreur TypeScript progressives. Des tests exhaustifs ont été menés, y compris des régressions visuelles, des tests d'intégration et des tests unitaires, ces derniers étant exécutés sous React 16 et 18. La mise en place progressive a contrôlé le trafic vers les environnements React 16 et 18, permettant des tests internes et des mises à jour de surface progressives. Le système a également permis de tester les versions canary de React 19 sans pointer vers React 18. Des améliorations de performance ont été observées après l'adoption des fonctionnalités React 18 telles que les nouvelles API racine et le rendu concurrent. Le système encourage les efforts de mise à jour continue, évitant les changements importants et ponctuels. L'accent mis par l'équipe React sur la compatibilité ascendante a facilité cette approche de mise à jour. Le frontend d'Airbnb fonctionne maintenant avec React 19 beta, offrant un avantage pour les futures mises à jour React.