À propos de React et Next.js

Next.js est un framework React flexible qui fournit les éléments de base pour créer des applications web rapides et full-stack.

Mais que signifient exactement ces termes ? Passons un peu de temps à expliquer ce que sont React et Next.js et comment ils peuvent vous aider à construire des applications web.

Éléments de base d'une application web

Il y a plusieurs aspects à considérer lors de la construction d'applications modernes. Par exemple :

• Interface utilisateur - comment les utilisateurs consomment et interagissent avec votre application.
• Routage - comment les utilisateurs naviguent entre les différentes parties de votre application.
• Récupération de données - où vos données résident et comment les obtenir.
• Rendu - quand et où vous affichez du contenu statique ou dynamique.
• Intégrations - quels services tiers vous utilisez (pour un CMS, l'authentification, les paiements, etc.) et comment vous vous y connectez.
• Infrastructure - où vous déployez, stockez et exécutez votre code d'application (serverless, CDN, edge, etc.).
• Performance - comment optimiser votre application pour les utilisateurs finaux.
• Évolutivité - comment votre application s'adapte avec la croissance de votre équipe, des données et du trafic.
• Expérience développeur - l'expérience de votre équipe pour construire et maintenir votre application.

Pour chaque partie de votre application, vous devrez décider si vous construisez une solution vous-même ou utilisez d'autres outils comme des paquets, bibliothèques et frameworks.

Qu'est-ce que React ?

React est une bibliothèque JavaScript pour construire des interfaces utilisateur interactives.

Par interfaces utilisateur (UI), nous entendons les éléments que les utilisateurs voient et avec lesquels ils interagissent à l'écran.

Par bibliothèque, nous entendons que React fournit des fonctions utiles (API) pour construire l'UI, mais laisse au développeur le choix d'où utiliser ces fonctions dans son application.

Une partie du succès de React vient du fait qu'il est relativement peu opinonné sur les autres aspects de la construction d'applications. Cela a donné naissance à un écosystème florissant d'outils et solutions tiers, dont Next.js.

Cela signifie cependant aussi que construire une application React complète à partir de zéro demande un certain effort. Les développeurs doivent passer du temps à configurer des outils et réinventer des solutions pour des besoins applicatifs courants.

Qu'est-ce que Next.js ?

Next.js est un framework React qui fournit les éléments de base pour créer des applications web.

Par framework, nous entendons que Next.js gère les outils et configurations nécessaires pour React, et fournit une structure, des fonctionnalités et des optimisations supplémentaires pour votre application.

Vous pouvez utiliser React pour construire votre UI, puis adopter progressivement les fonctionnalités de Next.js pour répondre à des besoins applicatifs courants comme le routage, la récupération de données et la mise en cache - tout en améliorant l'expérience développeur et utilisateur final.

Que vous soyez un développeur individuel ou membre d'une grande équipe, vous pouvez utiliser React et Next.js pour construire des applications web entièrement interactives, hautement dynamiques et performantes.

Dans les prochains chapitres, nous verrons comment commencer avec React et Next.js.