React

Question 1

Преимущества React (5)

Answer 1

1.Компонентный подход
2.Виртуальный DOM
3.Single page application
4.Большое комьюнити
5. JSX

Question 2

Что такое prop drilling и как его избежать?

Answer 2

Это передача данных через несколько уровней вложенных компонентов, код становится сложным и трудно поддерживаемым.
Использовать стейтмэнеджеры или Context

Question 3

Что такое Хуки?

Answer 3

Это готовые функции ,которые предоставляет нам React для работы с состояниями и не только

Question 4

Что за контролируемый и не контролируемый компонент?

Answer 4

Привести пример с Input

Question 5

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

Answer 5

Это объект, который содержит данные компонента в React и ререндориться при их изменении

Question 6

Можно ли изменить props в React?

Answer 6

Будет ошибка тк пропсы являются имутабельными

Question 7

Как использовать componentWillUnmount в функциональный компонентах или как что-то сделать при демонтировании компонента?

Answer 7

useEffect с return

useEffect(() => {
	return() => {
		clean something
	}
})

Question 8

Чем отличается useState от useRef?

Answer 8

В документации вроде написано о том, что при изменении useState происходит rerender а при использовании useRef нет
На самом деле мало где будет использоваться если не писать кастомные хуки

Question 9

Зачем нужен key в React?

Answer 9

Для идентификации элементов

Question 10

Почему React это не фреймворк?

Answer 10

React - это библиотека, а не фреймворк, потому что она предоставляет набор инструментов для выполнения различных задач и создания пользовательских интерфейсов , но не навязывает жестких правил и структуры разработки.

Question 11

Что такое stateLess и stateFull компоненты?

Answer 11

Контролируемые и неконтролируемые компоненты

Question 12

Какие я использовал библиотеки для React? (5)

Answer 12

React motion
Nivo
MobX
Redux
Styled Components

Question 13

Разница между useMemo и useCallback?

Answer 13

useCallback кэширует саму функцию.

Question 14

Какие я использую хуки в React?(5)

Answer 14

1 useEffect
2 useMemo
3 useState
4 useContext
5 useRef

Question 15

Когда происходит ререндер?

Answer 15

Когда изменяются props или state

Question 16

Происходит ли ререндер если изменить что-то через useRef.current ?

Answer 16

Нет

Question 17

Зачем нужен js для web?

Answer 17

JS позволяет сделать сайт функциональным и интерактивным, научить его реагировать на действия пользователя, а также на другие браузерные события.

Question 18

Реактивность в React

Answer 18

это способность компонентов реагировать на изменения состояния.

Question 19

Компонент высшего порядка это

Answer 19

Например React.memo

Question 20

Что делает React.memo ?

Answer 20

Делает компонент мемоизированым , и он не будет перерендорится если пропсы не поменяются
Он проверяет пропсы просто через тройное = ,те не глубоко для obj

Question 21

Как асинхронно подгружать Компоненты?

Answer 21

React.lazy(() => import(./myComponent))

Question 22

Зачем нужен React.memo ?

Answer 22

Например у нас есть родительский компонента в котором происходит ререндер ,так вот если дочерний компонент не обернуть в React.memo ,то он тоже будет перерисовываться, а так только если изменятся пропсы или внутренний state

Question 22

Как асинхронно подгружать Компоненты?

Answer 22

React.lazy(() => import(./myComponent))

Question 23

Когда использовать useCallback?

Answer 23

Когда мы передаем какую-то функцию в дочерний компонент

Question 24

Хорошая декомпозиция

Answer 24

Правильно разделять код на компоненты, которые будут перерисовываться