Как вы будете готовиться к интервью?

Разработка стека MERN или MongoDB, ExpressJS, ReactJS, NodeJS в настоящее время является одной из популярных веб-разработок. Вы можете легко получить работу, если будете усердно работать и следовать некоторым правилам. Для каждой работы вам нужно будет пройти несколько собеседований, поэтому я хочу дать вам несколько наиболее часто задаваемых вопросов на собеседованиях.

1. Что такое React Hooks?

Хуки — это новое дополнение в React 16.8. Они позволяют вам использовать состояние и другие функции React без написания класса. С помощью хуков вы можете извлечь логику с отслеживанием состояния из компонента, чтобы его можно было протестировать независимо и повторно использовать. Хуки позволяют повторно использовать логику с отслеживанием состояния без изменения иерархии компонентов. Это упрощает обмен хуками между многими компонентами или с сообществом.

2. Что такое ReactDOM?

Это API React верхнего уровня для рендеринга элемента React в DOM с помощью метода ReactDOM.render.

3. Что такое JSX?

JSX – это синтаксическое расширение JavaScript, в котором реализованы все возможности JavaScript. JSX создает элементы React. Вы можете внедрить любое выражение JavaScript в JSX, заключив его в фигурные скобки. После компиляции выражения JSX становятся обычными объектами JavaScript. Это означает, что вы можете использовать JSX внутри операторов if и циклов for, назначать его переменным, принимать в качестве аргументов и возвращать из функций.

4. Каковы преимущества ReactJS?

Преимущества ReactJS:

  1. Увеличивает производительность приложения с помощью Virtual DOM
  2. JSX упрощает чтение и запись кода
  3. Отрисовывает как на стороне клиента, так и на стороне сервера
  4. Легко интегрируется с другими фреймворками (Angular, BackboneJS), поскольку это всего лишь библиотека представлений.
  5. Простота написания тестовых случаев пользовательского интерфейса и интеграция с такими инструментами, как JEST.

5. Каковы ограничения React?

Ниже приведен список ограничений:

  1. React — это просто библиотека представлений, а не полноценный фреймворк.
  2. Существует кривая обучения для новичков, которые не знакомы с веб-разработкой.
  3. Интеграция React.js в традиционную среду MVC требует дополнительной настройки.
  4. Сложность кода возрастает при использовании встроенных шаблонов и JSX.
  5. Слишком много мелких компонентов, что приводит к перепроектированию или шаблонному коду.

6. Каковы преимущества использования React Hooks?

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

7. Что такое контекст?

Контекст предоставляет способ передачи данных через дерево компонентов без необходимости вручную передавать реквизиты на каждом уровне. Контекст предназначен для обмена данными, которые можно считать «глобальными» для дерева компонентов React, таких как текущий аутентифицированный пользователь, тема или предпочитаемый язык. Используя контекст, мы можем избежать передачи реквизита через промежуточные элементы.

8. В чем разница между React Native и React?

  • ReactJS — это библиотека JavaScript, поддерживающая как внешний веб-интерфейс, так и работающая на сервере для создания пользовательских интерфейсов и веб-приложений.
  • React Native — это мобильная платформа, которая компилируется в собственные компоненты приложения, позволяя вам создавать собственные мобильные приложения (iOS, Android и Windows) на JavaScript, что позволяет вам использовать ReactJS для создания ваших компонентов и реализует ReactJS под капотом.

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

Состояние компонента — это объект, который содержит некоторую информацию, которая может измениться в течение срока службы компонента. Мы всегда должны стараться сделать наше состояние максимально простым и свести к минимуму количество компонентов с состоянием.

10. Что такое примирение?

Когда реквизиты или состояние компонента изменяются, React решает, необходимо ли фактическое обновление DOM, сравнивая только что возвращенный элемент с ранее отрендеренным. Когда они не равны, React обновит DOM. Этот процесс называется примирением.