Tamagui 3 : styles compilés et runtime natif optionnel

Réduire le travail de styles pendant les rendus

Tamagui 3 (nouvelle fenêtre) étend la compilation des styles sur React Native : davantage de conditions, de spreads évaluables et de variantes peuvent être traités en amont. Un runtime C++ optionnel, @tamagui/native-registry, applique les changements de thème à des vues Fabric éligibles sans refaire leur rendu React. Ce chemin reste une bêta, exige la New Architecture et RN 0.82 ou plus, et nécessite une reconstruction native.

Cette distinction est essentielle : utiliser le compilateur et activer le nouveau runtime ne sont pas la même migration. Une équipe peut apprécier séparément la réduction du travail à chaque rendu et l’intégration d’un module natif supplémentaire.

Une nouvelle syntaxe demande des règles de lecture communes

La version introduit des valeurs de styles plus plates, avec des modificateurs, ainsi qu’une entrée Tailwind et des primitives React Strict DOM. Le même design system peut ainsi proposer plusieurs syntaxes d’écriture. Le compilateur conserve les comportements dynamiques lorsque l’état de thème, de média ou d’interaction reste nécessaire au runtime.

Dans une base partagée, le bénéfice vient surtout d’une règle claire. Mélanger plusieurs manières d’exprimer la même condition sans convention rendrait la revue plus difficile. Une migration peut commencer par un composant représentatif, avec ses variantes de thème et de taille, puis préciser quelle syntaxe devient la référence de l’équipe.

Les démos Expo montrent aussi les frontières du partage

La galerie Expo Demos (nouvelle fenêtre) rassemble des exemples de navigation, de gestes, de rendu WebGPU, de menus et de composants natifs. Elle donne des références visuelles pour discuter d’une interaction avant de l’implémenter.

Une démonstration ne contient pas toujours les états vides, les erreurs ou les contraintes de contenu d’un produit. Pour reprendre une idée, il faut identifier la primitive utilisée et le besoin qu’elle sert. Un effet de shader peut enrichir une transition précise ; il n’a pas à devenir un coût graphique permanent sur tous les écrans.