IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Microsoft explique pourquoi il s'est servi de React Native pour Windows sur l'application Paramètres de Windows 11
Pour fournir la page "Votre compte Microsoft"

Le , par Stéphane le calme

36PARTAGES

15  1 
React Native n'est pas réservé au développement sur mobile ! Dans un billet de blog, Microsoft a indiqué comment l'application Paramètres de Windows 11 tire parti de React Native pour Windows afin d'offrir de nouvelles fonctionnalités et capacités aux utilisateurs plus rapidement et avec la même fidélité visuelle que Windows 11.

React Native est un framework open source créé par Facebook pour le développement d'applications mobiles natives à l'aide du langage de programmation JavaScript. Il est utilisé pour développer des applications qui fonctionnent sur différentes plateformes (Android, iOS, UWP), au lieu de créer des applications distinctes pour chaque système.

Universal Windows Platform (abrégé UWP) ou plateforme d'application universelle Windows est une architecture homogène créée par Microsoft et introduite pour la première fois dans Windows 10. L'objectif de cette plateforme logicielle est d'aider à développer des applications universelles qui fonctionnent sous Windows 10, Windows 10 Mobile, Xbox One et Hololens sans qu'il y ait le besoin de réécrire un nouveau code source pour chacun de ces systèmes. Il prend en charge le développement d'applications Windows en utilisant C++, C#, VB.NET et XAML. L'API est implémentée en C++ et prise en charge en C++, VB.NET, C#, F# et JavaScript. Conçu comme une extension de la plate-forme Windows Runtime introduite pour la première fois dans Windows Server 2012 et Windows 8, UWP permet aux développeurs de créer des applications susceptibles d'être exécutées sur plusieurs types de périphériques.

Dans un billet de blog, Microsoft a expliqué comment et pourquoi Microsoft utilise React Native pour Windows pour fournir la page Votre compte Microsoft dans les paramètres de Windows 11.

« Windows 11 Insider Preview Build 22489 a lancé la page Paramètres de Votre compte Microsoft, un point d'entrée repensé dans Paramètres qui affiche des informations relatives à Votre compte Microsoft, y compris vos abonnements pour Microsoft 365, des liens vers l'historique des commandes, les détails de paiement et Microsoft Rewards.

« Cette page présente un nouveau mécanisme qui permet à Windows d'améliorer la page Votre compte Microsoft au fil du temps via les Online Service Experience Packs ; il s'agit d'un moyen d'effectuer des mises à jour de Windows en dehors des mises à jour majeures du système d'exploitation. Cette infrastructure sous-jacente permettra à d'autres expériences Windows 11 de tirer parti de la fonctionnalité Online Service Experience Pack au fil du temps.

« React Native pour Windows est l'une des technologies clés utilisées par les packs d'expérience de service en ligne pour fournir la page Votre compte Microsoft dans les paramètres. Voyons comment et pourquoi Microsoft utilise React Native pour Windows pour aider l'équipe à être plus productive et à s'intégrer de manière transparente à l'apparence du système d'exploitation Windows 11 ».


Présentation de la page Votre compte Microsoft

Vous permettre de gérer les informations de votre compte directement à partir des paramètres de Windows 11 est l'un des principaux objectifs de la nouvelle page Votre compte Microsoft. Avant Windows 11, votre seule option pour gérer ces paramètres était de visiter le site Web account.microsoft.com (« AMC »). L'équipe souhaitait disposer d'un ensemble cohérent de fonctionnalités et d'expérience utilisateur entre les versions native et Web et a envisagé plusieurs options pour y parvenir, notamment :
  1. Maintenir des bases de code distinctes (à la fois en front-end Web et en front-end WinUI/natif)
  2. Héberger le contenu Web AMC dans un contrôle WebView dans l'application Paramètres
  3. Utiliser React Native pour Windows pour partager du code et le rendre de manière native

La première option nécessite des bases de code différentes et il est difficile de conserver un ensemble cohérent de fonctionnalités entre les deux, d'autant plus que les services itèrent plus rapidement que la cadence à laquelle Windows est livré. De plus, l'équipe aurait besoin d'une expertise à la fois dans la technologie Web et dans la technologie WinUI native.

L'utilisation d'une WebView réduit les coûts d'entretien ; cependant, elle souffre de quelques problèmes. L'apparence visuelle des commandes ne cadrerait pas avec le reste de l'application Paramètres de Windows 11. Deuxièmement, les performances et l'accessibilité de WebView UX ont tendance à ne pas être aussi bonnes qu'un équivalent natif. Enfin, l'interfaçage entre le code exécuté à l'intérieur de la WebView et la plateforme est lourd et limité.

Cela nous a conduit à la troisième option, qui utilise React Native pour Windows dans l'application Paramètres. Avec React Native pour Windows, vous pouvez utiliser JavaScript pour piloter la logique de l'application, tout en partageant le code entre les expériences.

React Native pour Windows permet aux équipes d'être plus productives en leur permettant d'itérer rapidement sur un changement, sans avoir à passer du temps à faire du rebuilding. Parce qu'il utilise WinUI pour le rendu de l'interface utilisateur, il s'intègre parfaitement à l'apparence du système d'exploitation, avec d'excellentes performances, une accessibilité et un riche ensemble de fonctionnalités.

React Native pour Windows + page Votre compte Microsoft

L'un des objectifs de la page Votre compte Microsoft était de partager la logique métier entre le Web et les plateformes natives. React Native pour Windows permet de partager la logique métier de base tout en permettant une cohérence visuelle entre le Web et le natif sans avoir besoin de dupliquer le code. Plus important encore, la fidélité visuelle de l'expérience native est « authentiquement native » car la page elle-même est native, ce qui se traduit par de belles animations, une accessibilité et les derniers styles Windows 11.

Au-delà des avantages pour l'expérience utilisateur, l'équipe Microsoft a également bénéficié d'un ensemble d'avantages pour la productivité des développeurs. Le développement avec React Native a augmenté sa « boucle interne de développement » en fournissant des fonctionnalités telles que le rafraîchissement rapide, ce qui signifie que les modifications apportées au code JavaScript peuvent être vues instantanément - sans qu'aucune opération de rebuilding d'application ne soit nécessaire. De plus, grâce à une implémentation de hook personnalisée dans le service Windows Update, l'équipe peut fournir plus rapidement et en toute sécurité des bundles JavaScript aux utilisateurs finaux, qu'il s'agisse d'une nouvelle fonctionnalité ou d'un correctif pour un problème critique.

La page Votre compte Microsoft exploite l'extension React Native WinRT pour accéder à la plateforme WinRT native sous-jacente directement à partir de JavaScript.

Conclusion

React Native pour Windows permet à l'équipe Windows de fournir plus rapidement de nouvelles fonctionnalités aux utilisateurs et de partager la logique métier sur le Web/natif, tout en tirant parti de la fidélité visuelle, des performances et de l'accessibilité de la plateforme native.

Que vous ayez une application mobile React Native ou que vous souhaitiez créer une première application Windows, vous pouvez utiliser React Native pour Windows pour apporter votre application à Windows avec la même qualité que les composants Windows intégrés comme la page Votre compte Microsoft.

Source : Microsoft

Et vous ?

Que pensez-vous de React Native ?
L'avez-vous déjà utilisé ? Si oui, pour quel type de projet ? Si non, êtes-vous tentés de l'utiliser ?
Que pensez-vous des résultats obtenus par Microsoft ?
L'entreprise gagnerait-elle à étendre l'expérience sur d'autres fonctionnalités de l'application Paramètres dans un premier temps ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Uther
Expert éminent sénior https://www.developpez.com
Le 12/04/2022 à 13:48
Citation Envoyé par 23JFK Voir le message
Euh?! Vous faites comment pour pivoter physiquement l'écran d'un laptop ?
Faire pivoter physiquement l'écran d'un laptop, il n'y a rien de plus simple. La difficulté, c'est de ne pas faire pivoter le reste du laptop en même temps.

Citation Envoyé par sanderbe Voir le message
Les touches : ctrl + alt + flèches directionnelles
Je te conseille de réviser la définition de "physiquement"
13  0 
Avatar de emilie77
Membre éprouvé https://www.developpez.com
Le 12/04/2022 à 11:12
Je ne supporte pas que quelqun doit t'obbliger a travailler comme lui il veut
11  0 
Avatar de sevyc64
Modérateur https://www.developpez.com
Le 03/03/2022 à 22:47
Perso, j'ai pas encore fait le saut, et pas vraiment enthousiaste mais je me sens de plus en plus pousser à le faire, à coups de pieds au c** par microsoft.
10  0 
Avatar de 23JFK
Membre expert https://www.developpez.com
Le 12/04/2022 à 13:17
Citation Envoyé par yahiko Voir le message
... voilà maintenant 20 ans que les moniteurs peuvent pivoter pour être au format portrait.
Si vous souhaitez maximiser le nombre de pixels en hauteur, faites simplement pivoter votre écran.... CQFD.

Euh?! Vous faites comment pour pivoter physiquement l'écran d'un laptop ?
10  0 
Avatar de BakaOnigiri
Membre averti https://www.developpez.com
Le 12/04/2022 à 11:28
J'imagine que les devs Linux (et aussi Apple) ont su trouver un moyen pour que çà ne représente pas "trop" de travail.

Comme dit @robertledoux de nos jours les écrans ont tendance à prendre en largeur, donc une barre des taches souvent vide, mais très présente en hauteur sacrifie beaucoup sur ce genre d'écran, avoir la possibilité de la mettre sur un côté est très important.
9  0 
Avatar de calvaire
Membre expert https://www.developpez.com
Le 12/04/2022 à 13:09
c'était justifié à l'époque des écrans petit, carré et cathodique.

aujourd'hui avec les écrans large la barre des taches de windows en bas (et pire encore avec macosx avec cette barre en haut en plus du dock) est une aberration.

Citation Envoyé par yahiko Voir le message
Car voilà maintenant 20 ans que les moniteurs peuvent pivoter pour être au format portrait.
Si vous souhaitez maximiser le nombre de pixels en hauteur, faites simplement pivoter votre écran.
Le choix de Microsoft de ne pas rendre cette demande prioritaire est à mon sens pleinement justifié. CQFD.
le problème c'est que la plupart des écrans ne sont pas assez large en mode portrait, et certaines usages ne fonctionne pas en mode portrait (réunion avec partage de slide, videos, jeux videos...)
9  0 
Avatar de BakaOnigiri
Membre averti https://www.developpez.com
Le 12/04/2022 à 13:57
Citation Envoyé par yahiko Voir le message
Je comprends parfaitement la position de Microsoft qui préfère consacrer son temps précieux à développer des fonctionnalités de demain, et révolutionner encore et toujours l'industrie de l'informatique, pas à regarder constamment dans le rétroviseur et à écouter des utilisateurs aigris du "c'était mieux avant".
Concernant la barre des tâches qu'on ne pourrait plus mettre sur les côtés, parce que ça réduirait le nombre de pixels en hauteur pour les applications, je pense qu'il s'agit d'un combat d'arrière-garde pour celles et ceux qui n'ont pas suivi la technologie.
Car voilà maintenant 20 ans que les moniteurs peuvent pivoter pour être au format portrait.
Si vous souhaitez maximiser le nombre de pixels en hauteur, faites simplement pivoter votre écran.
Le choix de Microsoft de ne pas rendre cette demande prioritaire est à mon sens pleinement justifié. CQFD.
Alors même que Microsoft se gargarise d'avoir une toute nouvelle calculatrice et un Notepad révolutionnaire, cette remarque est risible, Microsoft doit avoir les moyens d’allouer quelques ressources à la barre des taches, peut être les mêmes que ceux qui l'ont centrés au milieu de l'écran, ou ceux qui l'ont remplis de pub dans les versions précédente ? Microsoft à le quasi monopole des systèmes d'exploitations, et ils ne pourraient pas faire ce que tous les autres systèmes d'exploitations savent faire depuis des années ? Pour info, dans Gnome 3, il existe des extensions pour ce genre de modifications, et que ce soit une bonne idée ou pas, elle sont codées en javascript, donc c'est sûrement pas grand chose si la base est seine, propre et suffisamment flexible pour faire cela. La seule conclusion possible c'est : ils en ont rien à foutre et veulent se débarrasser d'un code inmaintenable.
9  0 
Avatar de bcag2
Membre actif https://www.developpez.com
Le 30/06/2022 à 16:44
Il y a quelques années, PC voulait dire Personal Computer.... on en est loin puisque MS a la pleine mainmise sur chaque PC.
J'ai bien des PC… sous GNU/Linux
11  2 
Avatar de jvallois
Membre éclairé https://www.developpez.com
Le 03/03/2022 à 22:16
Décidément, je suis de plus en plus content d'être passé intégralement à Linux !

La seule chose qui me retenait encore était le fait que les manuels numériques ne fonctionnaient pas sous Linux, mais il y a désormais une version en ligne, donc compatible tout système et même un fabricant de calculatrice s'y met !
8  0 
Avatar de robertledoux
Membre averti https://www.developpez.com
Le 12/04/2022 à 9:59
Je suis triste d'entendre ça, au travail j'observe beaucoup de collègues qui la déplace sur les côtés pour être cohérent avec les écrans de nos jours ont un format pas du tout adapté pour se permettre le luxe de perdre des pixels sur la hauteur.
8  0