Vue.js / Nuxt.js

Керування станом у Nuxt

useState, Pinia з Nuxt, гідратація стану в SSR, постійний стан, патерни глобального стану

18 питань зі співбесід·
Mid-Level
1

Яка основна роль composable useState у Nuxt?

Відповідь

Composable useState створює реактивний спільний стан, сумісний із SSR. Він гарантує, що стан, створений на стороні сервера, правильно гідратується на стороні клієнта, уникаючи розбіжностей гідратації між рендерингом на сервері та клієнті. Кожен компонент, що використовує той самий ключ, отримує доступ до того самого спільного стану.

2

Чому під час використання useState потрібно вказувати унікальний ключ?

Відповідь

Ключ дозволяє спільно використовувати стан між кількома компонентами та гарантує узгодженість SSR. Усі компоненти, що використовують той самий ключ, отримують доступ до того самого реактивного стану. Без ключа або з однаковими ключами стани змішуються та спричиняють складні для налагодження помилки.

3

Як правильно ініціалізувати стан за допомогою useState?

Відповідь

useState приймає ключ і функцію ініціалізації, яка повертає значення за замовчуванням. Функція виконується лише один раз на стороні сервера, після чого стан гідратується на стороні клієнта. Ніколи не передавайте значення безпосередньо (useState('key', 0)), оскільки це не працює належним чином із SSR.

4

Що таке гідратація SSR у контексті керування станом у Nuxt?

5

Яка різниця між useState та ref/reactive?

+15 питань зі співбесід

Інші теми співбесід Vue.js / Nuxt.js

Основи JavaScript

Junior
20 запитань

Сучасний JavaScript (ES6+)

Junior
20 запитань

Основи Vue

Junior
22 запитань

Компоненти Vue

Junior
20 запитань

Vue Router

Junior
18 запитань

Pinia State Management

Junior
20 запитань

Vuex (Legacy)

Mid-Level
15 запитань

Composition API

Mid-Level
24 запитань

Реактивність Vue

Mid-Level
20 запитань

Основи Nuxt

Mid-Level
22 запитань

Отримання даних у Nuxt

Mid-Level
20 запитань

SSR і SSG у Nuxt

Mid-Level
22 запитань

Серверні маршрути Nuxt

Mid-Level
20 запитань

Модулі Nuxt

Mid-Level
18 запитань

Composables у Vue

Mid-Level
20 запитань

Форми та валідація Vue

Mid-Level
20 запитань

Тестування Vue

Mid-Level
20 запитань

Розгортання Nuxt та CI/CD

Mid-Level
22 запитань

Продуктивність Vue

Senior
22 запитань

Просунуті патерни Vue

Senior
24 запитань

TypeScript із Vue

Senior
22 запитань

Автентифікація Nuxt

Senior
20 запитань

SEO з Nuxt

Senior
20 запитань

Інтернаціоналізація Nuxt

Senior
18 запитань

Архітектура Vue

Senior
22 запитань

Безпека Nuxt

Senior
20 запитань

Екосистема Vue

Senior
18 запитань

Міграція Vue 2→3 та Nuxt 2→3

Senior
22 запитань

Опануй Vue.js / Nuxt.js для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно