Question 1

Quel est le rôle principal du composable useState dans Nuxt ?

Accepted Answer

Le composable useState crée un état réactif partagé compatible SSR. Il garantit que l'état créé côté serveur est correctement hydraté côté client, évitant les erreurs de mismatch entre le rendu serveur et client. Chaque composant utilisant la même clé accède au même état partagé.

Question 2

Pourquoi fournir une clé unique lors de l'utilisation de useState ?

Accepted Answer

La clé permet de partager l'état entre plusieurs composants et garantit la consistance SSR. Tous les composants utilisant la même clé accèdent au même état réactif. Sans clé ou avec des clés identiques, les états se mélangent et causent des bugs difficiles à déboguer.

Question 3

Comment initialiser correctement un état avec useState ?

Accepted Answer

useState accepte une clé et une fonction d'initialisation qui retourne la valeur par défaut. La fonction ne s'exécute qu'une fois côté serveur, puis l'état est hydraté côté client. Ne jamais mettre de valeur directement (useState('key', 0)) car cela ne fonctionne pas correctement avec SSR.

Gestion d'état Nuxt

Quel est le rôle principal du composable useState dans Nuxt ?

Réponse

Pourquoi fournir une clé unique lors de l'utilisation de useState ?

Réponse

Comment initialiser correctement un état avec useState ?

Réponse

Qu'est-ce que l'hydratation SSR dans le contexte de la gestion d'état Nuxt ?

Quelle est la différence entre useState et ref/reactive ?

Autres sujets d'entretien Vue.js / Nuxt.js

Fondamentaux JavaScript

JavaScript moderne (ES6+)

Les bases de Vue

Composants Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Réactivité Vue

Fondamentaux Nuxt

Data Fetching Nuxt

SSR & SSG Nuxt

Server Routes Nuxt

Modules Nuxt

Composables Vue

Formulaires & Validation Vue

Testing Vue

Déploiement Nuxt & CI/CD

Performance Vue

Patterns avancés Vue

TypeScript avec Vue

Authentification Nuxt

SEO avec Nuxt

Internationalisation Nuxt

Architecture Vue

Sécurité Nuxt

Écosystème Vue

Migration Vue 2→3 & Nuxt 2→3

Maîtrise Vue.js / Nuxt.js pour ton prochain entretien