Crédit : Dreamstime
Next.js 13, la déclinaison actuelle de la structure React de Vercel pour la création d’applications Web, ajoute une version préliminaire d’un bundler beaucoup plus rapide ainsi qu’une méthode améliorée pour le rendu, le routage, les mises en page et l’apport de données sur le serveur.
Avec Next.js 13, présenté le 25 octobre, le Le bundle Turbopack, composé en Rust et toujours en phase alpha d’avancement, se positionne comme un successeur de Webpack.
Offrant une vitesse accrue et une bien meilleure architecture, Turbopack est un système de développement pour JavaScript et TypeScript qui est développé pour les builds incrémentiels. Turbopack est 700 fois plus rapide que Webpack lorsqu’il s’agit de grosses applications, a déclaré Vercel.
Next.js 13 comporte également une version bêta du site app/ Directory, une amélioration du système de routage basé sur le système de fichiers de la structure destinée à simplifier la mise en page d’interfaces complexes et à maintenir l’état tout au long des navigations tout en évitant les rendus coûteux. Les mises en page peuvent être spécifiées via le système de fichiers.
En outre, app/ Directory fournit un moyen de récupérer des données construites au-dessus de React Suspense pour la récupération de données, et il présente une assistance pour l’architecture React Server Component.
Les éléments Respond Server offrent un moyen de définir des éléments qui peuvent avoir des exigences de données qui leur sont attachées et qui, par défaut, n’ont aucun effet client. Cela améliore les performances, en particulier pour les applications mobiles, a déclaré le PDG de Vercel, Guillermo Rauch.
Les utilisateurs de Next.js peuvent passer à la variante 13 en exécutant ce qui suit :
npm i next@latest react@latest react- dom@latest eslint-config-next@latest
De même dans Next.js 13 :
- Un tout nouveau système de style de police optimise instantanément les styles de police, consistant en des styles de police personnalisés, et obtient débarrassé des demandes de réseau externe, pour des performances améliorées et une confidentialité personnelle. Le système de police de caractères intègre également l’auto-hébergement de tout fichier de police de caractères et un changement de conception nul qui utilise instantanément la propriété résidentielle ou commerciale d’ajustement de la taille CSS.
- Une partie d’image est présentée pour afficher des images sans mise en page décalage. L’élément optimise le fichier à la demande pour de bien meilleures performances et permet d’envoyer moins de JavaScript côté client.
- Une bibliothèque,
@vercel/ og, a été produite pour gérer Next. js pour produire des cartes sociales, qui sont des images graphiques ouvertes. - La version minimale de React est en fait passée de 17.0.2 à 18.20, tandis que la variation minimale de Node.js est désormais de 14.0.0.
Si Next.js peut être vu comme un rival du framework web Angular de Google, Next.js a néanmoins un soutien chez Google : Kelsey Hightower, ingénieur identifié par Google et conseiller technique de Vercel, qui a participé à la conférence Next.js Conf 22 de cette semaine à San Francisco.
« La plus grande différence que j’ai vue entre les 2 est que Next.js appelle en fait ce problème de calcul à plusieurs niveaux, » dit Hightower. Alors que de nombreux frameworks frontaux sont conçus pour ce qui peut être fait du côté client, Next.js fournit un élément CDN (réseau d’expédition de matériel) ; le calcul peut être effectué sur le CDN, une couche répertoriée sous le navigateur Internet.
Hightower n’était pas prêt à déclarer Next.js carrément supérieur à Angular. « C’est comme dire, est-ce qu’iOS est meilleur qu’Android ? Vous pouvez essayer de faire ce contraste. »
Toute l’actualité en temps réel, est sur L’Entrepreneur
