Вопросы на собеседовании React

Задание 1

Что такое React и для чего он используется?

Задание 2

В чём разница между React и ReactDOM?

Задание 3

Что такое JSX и как он работает?

Задание 4

Можно ли использовать React без JSX?

Задание 5

Что такое компоненты в React?

Задание 6

В чём разница между классовыми и функциональными компонентами?

Задание 7

Что такое props в React?

Задание 8

Что такое state в React?

Задание 9

В чём разница между props и state?

Задание 10

Что такое setState() и как он работает в классовых компонентах?

Задание 11

Что такое useState() в React?

Задание 12

Что такое useEffect() в React?

Задание 13

Какие зависимости передаются в useEffect() и как они работают?

Задание 14

Что такое эффект очистки cleanup в useEffect()?

Задание 15

Что такое useContext() в React?

Задание 16

Что такое useReducer() и когда его использовать?

Задание 17

Что такое useCallback() и для чего он нужен?

Задание 18

Что такое useMemo() и для чего он нужен?

Задание 19

В чём разница между useCallback() и useMemo()?

Задание 20

Что такое useRef() и для чего он используется?

Задание 21

Что такое forwardRef() в React?

Задание 22

Что такое useImperativeHandle()?

Задание 23

Что такое useLayoutEffect() и чем он отличается от useEffect()?

Задание 24

Что такое useDebugValue()?

Задание 25

Что такое useId() в React 18?

Задание 26

Что такое useTransition() в React 18?

Задание 27

Что такое useDeferredValue() в React 18?

Задание 28

Что такое useSyncExternalStore()?

Задание 29

Что такое useInsertionEffect()?

Задание 30

Что такое хуки hooks в React?

Задание 31

Какие правила использования хуков вы знаете?

Задание 32

Почему хуки нельзя вызывать в циклах и условиях?

Задание 33

Как создать пользовательский хук custom hook?

Задание 34

Что такое Virtual DOM в React?

Задание 35

Как работает Reconciliation в React?

Задание 36

Что такое Diffing Algorithm в React?

Задание 37

Что такое Fiber в React?

Задание 38

Что такое Keys в React и зачем они нужны?

Задание 39

Почему нельзя использовать индекс массива как key?

Задание 40

Что такое render в React?

Задание 41

Что такое Re-rendering и когда он происходит?

Задание 42

Как предотвратить лишние перерисовки в React?

Задание 43

Что такое React.memo() и для чего он нужен?

Задание 44

Что такое useMemo и useCallback для оптимизации?

Задание 45

Что такое PureComponent в React?

Задание 46

Что такое React.lazy() и Suspense?

Задание 47

Что такое Suspense в React?

Задание 48

Что такое Error Boundaries в React?

Задание 49

Как использовать Error Boundaries для обработки ошибок?

Задание 50

Что такое Fragments в React?

Задание 51

Что такое Portals в React?

Задание 52

Что такое Context API в React?

Задание 53

В чём разница между Context и Redux?

Задание 54

Что такое Redux и как он работает с React?

Задание 55

Что такое Redux Toolkit?

Задание 56

Что такое actions, reducers и store в Redux?

Задание 57

Что такое middleware в Redux?

Задание 58

Что такое Redux Thunk и Redux Saga?

Задание 59

В чём разница между Redux Thunk и Redux Saga?

Задание 60

Что такое React Router и для чего он нужен?

Задание 61

Что такое BrowserRouter и HashRouter?

Задание 62

Что такое Route, Link и NavLink в React Router?

Задание 63

Что такое Switch и Routes в React Router?

Задание 64

Что такое useNavigate() и useLocation() в React Router?

Задание 65

Что такое useParams() в React Router?

Задание 66

Что такое useRouteMatch() в React Router?

Задание 67

Что такое вложенные маршруты в React Router?

Задание 68

Что такое защищённые маршруты в React?

Задание 69

Что такое управляемые и неуправляемые компоненты в React?

Задание 70

Что такое controlled components в React?

Задание 71

Что такое uncontrolled components в React?

Задание 72

Как работать с формами в React?

Задание 73

Что такое React Hook Form?

Задание 74

Что такое валидация форм в React?

Задание 75

Что такое PropTypes в React?

Задание 76

Что такое TypeScript с React?

Задание 77

Что такое React.FC и React.Component с TypeScript?

Задание 78

Что такое Styled Components и CSS-in-JS в React?

Задание 79

Что такое Emotion и Styled Components?

Задание 80

Что такое CSS Modules в React?

Задание 81

Что такое Tailwind CSS с React?

Задание 82

Что такое Next.js и чем он отличается от React?

Задание 83

Что такое серверный рендеринг SSR в React?

Задание 84

Что такое статическая генерация SSG в Next.js?

Задание 85

Что такое React Hydration?

Задание 86

Что такое getStaticProps() и getServerSideProps() в Next.js?

Задание 87

Что такое App Router в Next.js 13+?

Задание 88

Что такое React Server Components?

Задание 89

Что такое Client Components и Server Components в React?

Задание 90

Что такое React Query (TanStack Query)?

Задание 91

Что такое кэширование данных в React Query?

Задание 92

Что такое useQuery и useMutation в React Query?

Задание 93

Что такое SWR и чем он отличается от React Query?

Задание 94

Что такое Zustand и чем он отличается от Redux?

Задание 95

Что такое Jotai и Recoil?

Задание 96

Что такое тестирование в React?

Задание 97

Что такое React Testing Library?

Задание 98

Что такое Jest и как он используется с React?

Задание 99

Что такое Enzyme и чем он отличается от React Testing Library?

Задание 100

Что такое Vitest и как он используется с React?

Задание 101

Что такое Cypress для тестирования React приложений?

Задание 102

Что такое Playwright для тестирования React?

Задание 103

Что такое Storybook и для чего он нужен в React?

Задание 104

Как дебажить React приложения?

Задание 105

Что такое React DevTools?

Задание 106

Что такое Profiler в React DevTools?

Задание 107

Как оптимизировать производительность React приложений?

Задание 108

Что такое React.memo и когда его использовать?

Задание 109

Что такое Code Splitting в React?

Задание 110

Что такое Lazy Loading в React?

Задание 111

Что такое React Strict Mode и зачем он нужен?

Задание 112

Что такое React Fragments и зачем они нужны?

Задание 113

Что такое React HOC (Higher-Order Components)?

Задание 114

В чём разница между HOC и hooks?

Задание 115

Что такое Render Props в React?

Задание 116

Что такое Compound Components в React?

Задание 117

Что такое Controlled vs Uncontrolled Components?

Задание 118

Как управлять состоянием формы в React?

Задание 119

Что такое useFormState и useFormStatus в React?

Задание 120

Что такое React.Children и для чего он нужен?

Задание 121

Что такое React.cloneElement?

Задание 122

Что такое React.createElement?

Задание 123

Что такое React.PureComponent и чем он отличается от React.Component?

Задание 124

Что такое React.memo и чем он отличается от PureComponent?

Задание 125

Что такое Synthetic Events в React?

Задание 126

В чём разница между нативным и синтетическим событием в React?

Задание 127

Как передать данные между компонентами в React?

Задание 128

Что такое подъём состояния Lifting State Up в React?

Задание 129

Что такое Prop Drilling и как его избежать?

Задание 130

Что такое Context и как он решает проблему Prop Drilling?

Задание 131

Что такое Redux и как он решает проблему Prop Drilling?

Задание 132

Что такое useSelector и useDispatch в React-Redux?

Задание 133

Что такое Provider в React-Redux?

Задание 134

Что такое React Native и чем он отличается от React?

Задание 135

Что такое Expo в React Native?

Задание 136

Что такое React Native Components (View, Text, ScrollView)?

Задание 137

Как работать с навигацией в React Native?

Задание 138

Что такое React Navigation?

Задание 139

Как работать с анимациями в React?

Задание 140

Что такое Framer Motion?

Задание 141

Что такое React Spring?

Задание 142

Что такое GSAP с React?

Задание 143

Что такое Webpack и как он используется в React?

Задание 144

Что такое Vite и как он используется с React?

Задание 145

Что такое Create React App и в чём его ограничения?

Задание 146

Что такое Parcel и как он используется с React?

Задание 147

Как настроить React проект с нуля?

Задание 148

Как развернуть React приложение на сервере?

Задание 149

Что такое CI/CD для React приложений?