Le Zero-Bundle n’est pas un mythe : mondialisation des composants du serveur React

Découvrez le rôle majeur que jouent les composants du serveur React dans la réduction de la taille du bundle et l’amélioration des performances Web, et comment KendoReact va encore plus loin.

Dans le monde du développement logiciel, en évolution rapide et en constante évolution, nous sommes continuellement confrontés au défi de l’amélioration des performances. Imaginez construire un domaine numérique où l’efficacité de votre création ne dépend pas du pur volume de code mais de la mesure effrayante de la taille du paquet. Entrez dans les composants React Server, guidant discrètement mais efficacement les développeurs vers un parcours numérique plus rationalisé.

Dans cet article de blog, nous plongerons dans le réseau complexe de code, en explorant comment les composants du serveur React jouent un rôle majeur dans la réduction de la taille du bundle et l’amélioration des performances Web. De plus, nous aborderons les efforts de Progress pour développer un package de mondialisation qui atteint une taille de bundle proche de zéro. Cette innovation agit comme une force silencieuse, aidant les développeurs à supprimer le poids inutile, un peu comme un navire optimisant sa charge pour un voyage plus fluide et plus agréable.

Rejoignez-nous dans cette exploration pour découvrir les coûts cachés, explorer l’impact des composants React Server et présenter nos progrès dans la création d’une expérience de développement Web légère et efficace.

Qu’est-ce que la mondialisation ?

Dans votre quête pour créer votre royaume numérique, vous remarquez que les principaux revenus de votre royaume proviennent du tourisme. Nous aimerions avoir beaucoup de trafic en provenance d’autres domaines numériques voisins, ce qui signifie que nous devrions parler de nombreuses langues différentes et posséder de vastes connaissances culturelles. C’est un scénario privilégié pour la mondialisation.

Considérez la mondialisation comme un outil permettant de rendre votre espace numérique multilingue et culturellement adapté. Il se décompose en :

• Localisation: Vous transforme en caméléon linguistique, changeant de manière transparente les langues de l’interface utilisateur comme un polyglotte numérique.
• Internationalisation (i18n) : Imaginez votre royaume devenant un voyageur, prêt à adapter facilement sa structure à n’importe quel endroit.
• Considérations culturelles : Votre royaume change en fonction de la tenue culturelle de ses invités, en ajustant les formats de date et les visuels.
• Formats d’heure et de date : Voyagez dans le temps à travers les formats de date, en basculant sans effort entre MM/JJ/AAAA et JJ/MM/AAAA au fur et à mesure qu’il traverse les fuseaux horaires.
• Formats numériques : Les nombres deviennent des citoyens du monde, apprenant à se mêler à divers systèmes de comptage et symboles monétaires.

Si vous parvenez à maîtriser ces éléments, votre monde devient plus globalisé.

La mondialisation du serveur KendoReact dépasse la taille du bundle

S’orienter vers un domaine multilingue et multiculturel, intégrant les bibliothèques CLDR comme cldr-core, cldr-numbers-full et cldr-dates-full augmentera la taille du bundle, en particulier lors de la création de domaines prenant en charge plusieurs langues. Par exemple:

• cldr-core : Cette bibliothèque comprend des données complètes sur les paramètres régionaux, ajoutant potentiellement un poids inutile si votre application cible uniquement des langues ou des régions spécifiques.
• numéros cldr-complets : Des données détaillées de formatage des nombres, telles que des séparateurs décimaux et des symboles monétaires, contribuent à des ensembles plus volumineux, surtout si tous les paramètres régionaux ne sont pas nécessaires.
• cldr-dates-complet : De même, les informations exhaustives de formatage de la date et de l’heure peuvent entraîner une augmentation de la taille du paquet, ce qui a un impact sur les temps de chargement.

En poursuivant le grand rêve d’optimiser les applications Web, où le poids du Big Data a un impact considérable sur les performances, vous tombez sur Composants du serveur KendoReact Paquet de mondialisation. Gérant en douceur les données spécifiques aux paramètres régionaux, ce package accomplit bien plus qu’une simple efficacité ; il réalise un exploit remarquable : une réduction de la taille des paquets à zéro absolu pour la localisation et presque nul pour l’internationalisation.

Internationalisation du serveur KendoReact

Imaginez créer une application prenant en charge quatre, cinq langues, voire plus, un scénario qui se traduit généralement par une lourde charge sur la taille du bundle :

import likelySubtags from "cldr-core/supplemental/likelySubtags.json"; 169.2k (gzipped: 53.8)
import currencyData from "cldr-core/supplemental/currencyData.json"; 8.1k (gzipped: 2.8l)
import weekData from "cldr-core/supplemental/weekData.json"; 35.4k (gzipped: 12.4k)




import esNumbers from "cldr-numbers-full/main/es/numbers.json"; 4.4k (gzipped: 1.2k)
import esLocaleCurrency from "cldr-numbers-full/main/es/currencies.json"; 37.5k (gzipped: 6.4k)


import esCaGregorian from "cldr-dates-full/main/es/ca-gregorian.json"; 8.7k (gzipped: 2k)  
import esDateFields from "cldr-dates-full/main/es/dateFields.json"; 18.4k (gzipped: 1.7k)
import esTimeZoneNames from "cldr-dates-full/main/es/timeZoneNames.json"; 25.4k (gzipped: 5.5k)




import elNumbers from "cldr-numbers-full/main/el/numbers.json"; 5.4k (gzipped: 1.4k)
import elLocaleCurrency from "cldr-numbers-full/main/el/currencies.json"; 53k (gzipped: 7.7k)


import elCaGregorian from "cldr-dates-full/main/el/ca-gregorian.json"; 8.2k (gzipped: 2.1k)  
import elDateFields from "cldr-dates-full/main/el/dateFields.json"; 20.8k (gzipped: 2.1k)
import elTimeZoneNames from "cldr-dates-full/main/el/timeZoneNames.json"; 41.8k (gzipped: 9.9k)

L’ajout stratégique de ces importations constitue un élément de clé qui ouvre les portes de l’internationalisation de votre application.

Dans la quête pour que votre application parle la langue des utilisateurs du monde entier, il existe un défi de taille : la taille du bundle se cache dans l’ombre, et son seul objectif est de ralentir votre application Web.

Entrez dans l’internationalisation du serveur KendoReact, un outil qui change la donne et qui répond parfaitement à ce défi. Il s’attaque au concept de paquet zéro de RSC en envoyant uniquement les informations locales cruciales au client, laissant ainsi la majeure partie des données confortablement nichée sur le serveur. Cette approche rationalise non seulement le processus de développement, mais facilite également une application plus efficace et plus réactive.

Et ce qui est intéressant, c’est que la fonctionnalité d’internationalisation du serveur KendoReact vous offre un moyen d’analyser et/ou de formater des dates et des nombres sur le serveur ou sur le client. Pour en savoir plus, visitez notre Documents sur l’internationalisation.

Localisation du serveur KendoReact

En plus de l’application ci-dessus, une application Web souhaiterait également traduire des messages afin de parler la langue de chacun. Mais voilà : apprendre davantage de langues pour les utilisateurs du monde entier revient à ajouter un poids supplémentaire à leur sac à dos numérique. Ainsi, à mesure que votre application devient plus conviviale pour les utilisateurs du monde entier, la taille du paquet de codes qu’elle transporte augmente un peu. Juste un avertissement : plus de langues signifie un plus grand sac à dos numérique !

La localisation du serveur KendoReact est comme un super-héros pour votre application. Il réalise quelques tours de magie pour que votre application n’ait pas à supporter ce poids linguistique supplémentaire. Il stocke intelligemment tous ces messages linguistiques sur le serveur, de sorte qu’il n’ajoute aucun volume à la taille du bundle côté client. Votre application peut être multilingue sans aucun bagage supplémentaire, en gardant tous les messages linguistiques cachés sur le serveur et en les empêchant d’ajouter une charge côté client. Pour en savoir plus, visitez notre Documents de localisation.

Essayez-le maintenant

Prêt à rendre votre application Web plus robuste et moins chargée en taille de bundle client ? Donner KendoRéagir La mondialisation du serveur est un essai. Rendez-vous au Documentation sur la mondialisation du serveur KendoReact et dites-nous ce que vous en pensez en laissant vos commentaires sur GitHub ou en nous envoyant un message dans le forum d’entraide.

N’oubliez pas que KendoReact est livré avec un essai gratuit de 30 jours. Essayez-le aujourd’hui !