Next.js 11, la dernière variation du framework d’applications Web de Vercel basée sur la bibliothèque JavaScript React, utilise un démarrage beaucoup plus rapide et d’autres améliorations d’efficacité. La société a également publié un aperçu de Next.js Live, un serveur de développement basé sur un navigateur destiné à promouvoir la coopération.
Le temps de démarrage de Next.js a été amélioré jusqu’à 24%. Le temps de traitement des modifications de l’édition à l’écran a en fait été réduit de 40%, a déclaré Vercel. Un élément de script Next.js, en revanche, permet aux concepteurs de définir le souci de remplissage des scripts tiers pour améliorer l’efficacité.
De même sur L’Entrepreneur : Angular, React, Vue : Comparaison des structures JavaScript]
Désormais disponible dans une version en avant-première, Next.js Live combine un nouveau moteur de serveur de développement pour Next.js avec la plateforme de collaboration Vercel pour permettre aux équipes de partager et d’éditer de n’importe où. Alors que Next.js peut déjà s’exécuter n’importe où via Node.js, Next.js Live inclut une couche de collaboration basée sur le cloud. Les applications Next.js statiques et dynamiques sont prises en charge. Les modules ServiceWorker, WebAssembly et ES sont mis à profit pour prendre en charge le partenariat à distance. Next.js Live fonctionne également hors ligne, éliminant ainsi le besoin de machines virtuelles distantes.
Next.js 11 a été dévoilé le 15 juin. Les directives de mise à niveau et un guide de migration peuvent être découverts sur nextjs.org. Les autres capacités de Next.js 11 consistent en :
- Retour en temps réel, tirant parti de Webpack HMR (Hot Module Replacement) sans aucune configuration. Le navigateur Internet affiche les modifications aussi rapidement qu’un fichier est enregistré. L’état est protégé au fur et à mesure des modifications, grâce à l’assistance Quick Refresh. Le bundler de modules Webpack 5 est désormais activé par défaut pour toutes les applications Next.js.
- Une capacité expérimentale de migration Produce React App transforme la capacité Create React App pour qu’elle soit compatible Next.js.
- Les améliorations d’image, avec des développeurs capables d’échanger la balise d’image HTML pour la partie d’image Next.js, sont utilisées pour optimiser les images pour chaque fenêtre de périphérique à laquelle l’image est fournie.
- Le chargement idéal est pris en charge, avec les développeurs n’ayant pas besoin de mémoriser des règles complexes pour l’efficacité de l’emballage.
- L’automatisation de l’amélioration des polices, dans laquelle le CSS des styles de police personnalisés est désormais automatiquement intégré au moment de la construction pour se débarrasser des déclarations de police de récupération aller-retour. Une balise de pré-connexion dans Next.js développe une connexion avec les fichiers de polices sous-jacents, pour la vitesse.
Next.js 11 suit Next.js 10, qui a été lancé en octobre dernier, suivi du point versions.
Toute l’actualité en temps réel, est sur L’Entrepreneur