React
Компоненти, хуки, робота зі станом, рендеринг і продуктивність — те, що питають на кожній React-співбесіді.
0/385
- 1Що таке React?Junior
- 2Чому React називають декларативною бібліотекою?Junior
- 3Що таке компонент в React?Junior
- 4Що таке декларативний підхід?Junior
- 5Що таке JSX?Junior
- 6Чому JSX вимагає один кореневий елемент?Junior
- 7Що робить `<React.Fragment>`?Junior
- 9Чому className, а не class?Middle
- 10Що таке Virtual DOM?Junior
- 11Що таке reconciliation?Middle
- 12Що робить key у списках?Junior
- 13Однакові ключі (key) у спискахJunior
- 14Рішення про перерисовку компонентаJunior
- 16Що таке «Fiber architecture»?Middle
- 17Навіщо потрібен React DevTools?Middle
- 1Що таке компонент у React?Junior
- 2Які типи компонентів існують?Junior
- 3Класовий vs функціональний компонентJunior
- 4Що повинен повертати компонент?Junior
- 6Значення props за замовчуваннямJunior
- 7Чи можна змінювати props всередині компонента?Junior
- 8Що станеться, якщо змінити props напряму?Junior
- 9Що таке children?Junior
- 10Як передати JSX всередину іншого компонента?Junior
- 11Що таке композиція компонентів?Junior
- 12Що таке "container component"?Junior
- 13Що таке «presentational component»?Junior
- 15Що таке HOC?Junior
- 16Що таке "prop drilling"?Junior
- 17Що таке "controlled" і "uncontrolled" компоненти?Junior
- 1Що таке "стан" (state)Junior
- 2State VS propsMiddle
- 3Де зберігається стан компонента?Junior
- 4Зміна стану напрямуJunior
- 5Чому setState не змінює стан миттєво?Junior
- 6Що робить React під час оновлення стану?Junior
- 8initialValue для useStateJunior
- 9Як оновити стан на основі попереднього значення?Junior
- 10Новий об'єкт під час оновлення стануJunior
- 11Кілька викликів setStateJunior
- 12Що таке batching?Junior
- 13Що таке іммутабельність стану?Junior
- 14Як оновити елемент масиву у стані?Junior
- 15Плаский стан (flat state)Junior
- 16useReducer vs useStateJunior
- 17memo() і станJunior
- 18Що робить "state colocation"?Middle
- 20Як створити глобальний стан з useContext?Junior
- 21Що таке "derived state"Junior
- 22Що означає "state lifting" (підйом стану)?Junior
- 23client-side state VS server-side stateMiddle
- 1Що таке хук у React?Junior
- 2Чому хуки замінили класові компоненти?Junior
- 3Що роблять хуки?Junior
- 4Правила хуківJunior
- 6Все про useStateJunior
- 7Що робить useEffect()?Junior
- 8Коли виконується ефект без залежностей?Junior
- 9Порожній масив залежностейJunior
- 10cleanup у useEffectJunior
- 11Чому важливо вказувати всі залежності ефекту?Junior
- 13Питання на глибину для useRefJunior
- 14useRef для доступу до DOM-елементаJunior
- 15Що робить forwardRef()?Junior
- 16Що робить useMemo()?Middle
- 17Коли варто використовувати useMemo()Junior
- 18Що робить useCallback()?Junior
- 19Коли використовувати useCallback()?Junior
- 20Що робить `useContext()`?Middle
- 21Ререндер при зміні контекстуJunior
- 22Як оптимізувати роботу з контекстом?Junior
- 24useReducer() VS useState()Junior
- 25Що робить dispatch()?Junior
- 26Що робить useLayoutEffect?Junior
- 27Коли React виконує useLayoutEffect()?Junior
- 28Коли варто використовувати useLayoutEffect?Junior
- 29Що робить useInsertionEffect() (React 18)?Middle
- 30Що робить useTransition()?Junior
- 31Що робить startTransition()?Junior
- 32Що робить useDeferredValue()?Junior
- 33Що робить useId()?Junior
- 34Що робить `useSyncExternalStore()`?Middle
- 36Як створити власний хук?Junior
- 37Інші хуки всередині кастомного хукаJunior
- 38Як розділяти бізнес-логіку і UI за допомогою кастомних хуків?Junior
- 1Що таке Context в React?Junior
- 2Які проблеми вирішує Context?Junior
- 3Як створити Context?Junior
- 4Що робить <Context.Provider>?Junior
- 6Доступ до контексту в компонентіJunior
- 7Декілька контекстів у застосункуJunior
- 8Як працює Context в Server Components?Middle
- 9Ререндер дочірніх елементівJunior
- 10Оптимізація контекстуJunior
- 11Що робить "selector pattern" у контексті?Junior
- 12Що робить патерн "compound components" з контекстом?Junior
- 14Чому Context не завжди підходить для глобального стану?Junior
- 15Що таке патерн "Context + Reducer"?Junior
- 16Що таке Redux?Junior
- 17Які принципи лежать в основі Redux?Junior
- 18Що робить store у Redux?Junior
- 19Що таке reducer?Junior
- 20Що таке action у Redux?Junior
- 21Що робить dispatch()?Junior
- 22Що робить subscribe()?Junior
- 24Що таке pure reducer (чиста функція)?Junior
- 25Що робить combineReducers()?Junior
- 26Мутація state в reducerJunior
- 27Як взаємодіють store, actions і reducers?Junior
- 28Що робить хук useSelector()?Junior
- 29Що робить хук useDispatch()?Junior
- 30Що таке Redux Toolkit?Junior
- 32Що таке Slice у RTK?Junior
- 33Як RTK реалізує іммутабельність?Junior
- 34Що робить Immer.js всередині Redux Toolkit?Junior
- 35Що робить redux-thunk?Junior
- 36Чим thunk відрізняється від звичайного action?Junior
- 37Що робить abort() у thunk?Junior
- 38Що таке RTK Query?Junior
- 39Як RTK Query кешує дані?Junior
- 40Що таке Effector?Junior
- 41Чому Effector називають "reactive state manager"?Junior
- 42Чим Effector відрізняється від Redux?Junior
- 44Що таке "event" в Effector?Junior
- 45Що таке "effect" в Effector?Junior
- 46Що таке "domain"?Junior
- 47Що робить sample() в Effector?Junior
- 48Що робить forward()?Junior
- 49Що робить guard()?Junior
- 50Що робить merge()?Junior
- 51Що робить split()?Junior
- 52Що робить `createGate()`Middle
- 53Що таке MobX?Junior
- 55makeObservable і makeObservableMiddle
- 56Що таке observable у MobX?Junior
- 57Що таке computed value в MobX?Junior
- 58Що таке action у MobX?Junior
- 59Що робить reaction()?Junior
- 60Як MobX відстежує залежності?Junior
- 61Що робить функція autorun()?Junior
- 62Що робить функція when()?Junior
- 64Чому Zustand називають мінімалістичним state-менеджером?Junior
- 65Що таке "store" у контексті Zustand?Junior
- 66Доступ до стануJunior
- 67Чому Zustand-хуки називаються "селективними"?Junior
- 68Підписка на поле в ZustandJunior
- 69Принцип unopinionatedMiddle
- 70Що таке middleware у Zustand?Junior
- 71Що робить middleware immer?Junior
- 73Transparent reactivityJunior
- 1Що таке "життєвий цикл" компонента в React?Junior
- 2Стадії життєвого циклуJunior
- 3Життєвий цикл класового VS функціонального компонентаJunior
- 4Що відбувається при монтуванні компонента?Junior
- 5Що відбувається при оновленні компонента?Junior
- 7Що таке "commit phase" і "render phase"?Middle
- 8Як життєвий цикл пов'язаний з Virtual DOM?Junior
- 9Що спричиняє повторний рендер?Junior
- 10Що робить componentDidUpdate()?Junior
- 11Що робить shouldComponentUpdate()?Junior
- 12Що робить componentWillUnmount()?Junior
- 13Що робить cleanup-функція в useEffect()?Junior
- 14useEffect як заміна методам ЖЦJunior
- 16Як React визначає, які компоненти потрібно оновити?Junior
- 17Що робить Fiber Architecture в контексті життєвого циклу?Middle
- 18Чим React.memo() схожий на shouldComponentUpdate()?Middle
- 19Як React 18 змінив роботу життєвого циклу?Middle
- 20Що таке Concurrent Rendering?Middle
- 21Чому React тепер може переривати рендер?Middle
- 22Що робить "transition" у життєвому циклі рендера?Middle
- 23Чому useEffect не гарантовано викликається одразу після commit?Middle
- 25Що робить "flushSync()"?Junior
- 1Що таке рендеринг (rendering) в React?Junior
- 2Повторний рендерJunior
- 3Що робить Virtual DOM?Junior
- 4Що таке "diffing algorithm"?Junior
- 5Ключі (key) і рендерJunior
- 6Що робить Fiber-архітектура в React?Middle
- 8commit phase VS render phaseMiddle
- 9Strict mode і подвійний рендерMiddle
- 10Передача callback-функційJunior
- 11Що робить useCallback()?Junior
- 12Що робить useMemo()?Junior
- 13Що робить React.memo()?Junior
- 15Оптимізація довгих списківJunior
- 16Що робить "windowing" / "virtualization"?Middle
- 17Що таке Lazy loading компонентів?Junior
- 18Глобальний стейт і продуктивністьJunior
- 19Що робить «state normalization»?Middle
- 20Що таке batching в React?Junior
- 21Що робить startTransition()?Junior
- 22Що робить React.lazy()?Junior
- 24Що таке React Server Components (RSC)?Junior
- 25Що робить React Profiler?Junior
- 1Декларативність у ReactJunior
- 2Єдине джерело істиниMiddle
- 3Компонентний підхідJunior
- 4Що таке "pure function component"?Junior
- 5Що таке "Container-Presentational Pattern"?Junior
- 6Що таке "Smart" і "Dumb" компоненти?Junior
- 8Feature-Sliced DesignJunior
- 9Принцип Colocation в архітектурі компонентівJunior
- 10Domain-Driven Design у ReactMiddle
- 11Ізоляція модулівJunior
- 12Що таке "Layered Architecture" у фронтенді?Junior
- 13Що таке "Controlled Component"?Junior
- 14Чим відрізняється "Uncontrolled Component"?Middle
- 16Що робить патерн "Render Props"?Junior
- 17Що робить "Higher-Order Component (HOC)"?Junior
- 18Композиція компонентівJunior
- 19Що робить патерн "Function as Child"?Junior
- 20Що таке "Slot Pattern"?Junior
- 21Що таке React Server Components (RSC)?Junior
- 22Що робить патерн «Control Props»?Junior
- 23Кастомні хукиJunior
- 25SRP в React-компонентахJunior
- 26Що робить підхід "Micro-frontend" з React?Senior
- 27Що означає "SSR + Hydration"?Junior
- 1Що таке роутинг (routing) у React-застосунку?Junior
- 2Клієнтський VS серверний роутингJunior
- 3Що робить бібліотека react-router-dom?Junior
- 4Чому при роутингу сторінка не перезавантажується?Junior
- 6Що робить MemoryRouter?Junior
- 7Що робить хук useNavigate()?Junior
- 8Що робить useLocation()?Junior
- 9Що робить useParams()?Junior
- 10Що робить useSearchParams()?Junior
- 11Як отримати query-параметри з URL?Junior
- 12Що таке "nested routes"?Junior
- 13Що робить <Outlet>?Junior
- 1Робота з асинхронними операціямиJunior
- 2Запити в тілі компонентаJunior
- 3useEffect і асинхронний кодJunior
- 5Запит при першому рендеріMiddle
- 6Як скасувати запит усередині useEffect()?Junior
- 7Як реалізувати індикатор завантаження (Loader)?Junior
- 8Чому не можна зберігати проміси в стані?Junior
- 9Навіщо кешувати результати запитів?Junior
- 10Інвалідація кешуJunior
- 11Що таке "optimistic update"?Junior
- 12Що таке "debounce" і "throttle" при запитах?Junior
- 13Що робить React Query (TanStack Query)?Junior
- 14Що робить SWR?Junior
- 16Suspense і завантаження данихMiddle
- 17Що робить useDeferredValue() при роботі з асинхронністю?Junior
- 18Що робить useTransition()?Junior
- 19Що таке "startTransition()"?Junior
- 20Ізоляція API від UIJunior
- 21Client state VS server stateJunior
- 22Що означає "idempotent request"?Junior
- 1Помилка в компонентіJunior
- 2Типи помилок у React-застосункуJunior
- 3Чому try...catch не ловить помилки всередині JSX?Junior
- 4Що таке Error Boundary?Junior
- 6Які типи помилок ловить Error Boundary?Junior
- 7async помилки в useEffectJunior
- 8ErrorBoundary і SuspenseJunior
- 9Помилки валідації формJunior
- 10Логування помилокJunior
- 1Що таке SSR?Junior
- 2SSR vs CSRJunior
- 4Переваги SSRJunior
- 5Недоліки SSRJunior
- 6У яких типах проєктів SSR особливо корисний?Junior
- 7Чому SSR може покращити SEO?Junior
- 8SSR і Time to First PaintMiddle
- 9Що таке hydration у контексті SSR?Junior
- 10Розбіжність HTMLJunior
- 11Що робить сервер до відправлення HTML клієнту?Middle
- 12Що робить middleware в SSR?Junior
- 13JSON.stringify() і його небезпекаJunior
- 14Що таке streaming SSR і як він працює?Senior
- 16SSR і lazy loading компонентівJunior
- 17Як SSR працює з маршрутизацією SPA?Junior
- 18Що робить useLayoutEffect() при SSR?Middle
- 19Context і SSRMiddle
- 20Що таке React Server Components (RSC)?Junior
- 1Що нового з'явилося в React 18?Junior
- 2Concurrent RenderingMiddle
- 4createRoot() vs render()Junior
- 5Що таке батчинг (Automatic Batching)?Junior
- 6setState у React 18Junior
- 7Що робить Suspense у React 18?Junior
- 8Suspense і Data fetchingJunior
- 9Що таке "Transition Updates"?Middle
- 11Що робить startTransition()?Junior
- 12Concurrent ModeMiddle
- 13Concurrent ModeMiddle
- 14Що робить хук useId()?Junior
- 15Що робить хук useSyncExternalStore()?Middle
- 16Що робить хук useInsertionEffect()?Middle
- 17Що робить useDeferredValue()Middle
- 19hydration в React 18Middle
- 20Що таке Fiber у контексті React 18?Middle
- 21Що таке React Server Components (RSC)?Junior
- 22Actions у React 19Junior
- 23Що таке useFormStatus?Junior
- 24Що таке useOptimisticJunior
- 25Що нового про API use (читання ресурсів, Promise тощо)?Junior
- 26Server Components у React 19Junior
- 1Важливість TS у сучасних застосункахJunior
- 2Чим JSX відрізняється від TSX?Junior
- 4Як типізувати стан за допомогою useState()?Junior
- 5Як типізувати useRef()?Junior
- 6Як типізувати useMemo()?Junior
- 7Як типізувати useCallback()?Junior
- 8Як типізувати обробники подій?Junior
- 9Як типізувати контекст?Junior
- 10Для чого потрібен тип React.ReactNode?Junior
- 1Що таке React і навіщо він потрібен?Junior
- 2Чому в React потрібен ключ?Middle
- 3Синтетичні події в ReactMiddle
- 4Різниця між функціональними та класовими компонентми в ReactJunior
- 6Що таке портал у ReactMiddle
- 7Незмінність у стані ReactMiddle
- 8Підняття стану в ReactJunior
- 9useReducer проти useStateJunior
- 10Правила використання хуків у ReactMiddle
- 11Порядок рендерингу компонентів та виклику хуків у ReactMiddle
- 13Яка різниця між useEffect i useLayoutEffect?Junior
- 14Refs у React (useRef, createref, forwardref)Middle
- 15Чому useImperativeHandle потрібен у ReactSenior
- 16Що таке кастомні хуки в ReactMiddle
- 17useReducer() проти useState()Junior
- 18Методи життєвого циклу компонентів у ReactMiddle
- 19Прозора реактивністьJunior
- 20Підходи до управління станом у ReactMiddle
- 21Причини повторного рендерингу компонентів у ReactMiddle
- 22React fiber та процес оновлення віртуального DOMSenior
- 23React.StrictModeMiddle
- 25Як працює useMemo і навіщо він потрібенMiddle
- 26Яка різниця між useCallback i useMemo?Junior
- 27Commit Phase проти Render PhaseMiddle
- 28React.lazy Та suspense — ледачі компоненти в ReactMiddle
- 29Що таке віртуалізація і навіщо вона потрібнаMiddle
- 30Техніки оптимізації продуктивності ReactMiddle
- 32Feature-Sliced DesignJunior
- 33Що таке AbortController?Junior
- 34Що таке debounce?Junior
- 35useTransition та useDeferredValue в ReactSenior
- 36Що таке замикання в js?Junior
- 37Що таке чиста функція?Junior
- 38Що таке мемоізація?Junior
- 39Що таке WeakMap, WeakSet, WeakRef?Junior