Встречается на собеседованиях • сегодня
Приведи пример использования Effector в Next
Effector отлично интегрируется с Next.js, особенно с App Router. Вот пример:
```typescript
// store.ts
import { createStore, createEvent } from 'effector';
export const increment = createEvent();
export const $count = createStore(0)
.on(increment, (state) => state + 1);
// app/layout.tsx
import { Provider } from 'effector-react';
import { $count, increment } from './store';
export default function RootLayout({ children }) {
return (
{children}
);
}
// app/page.tsx
'use client';
import { useStore } from 'effector-react';
import { $count, increment } from './store';
export default function Home() {
const count = useStore($count);
return (
);
}
```
Ключевые моменты:
1. Используем `Provider` в корневом layout
2. Для клиентских компонентов добавляем 'use client'
3. Состояние сохраняется при навигации
4. Для SSR можно использовать `fork` и `serialize`
Count: {count}

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы