Топ 70 въпроса и отговора за интервю за React JS

Въпроси и отговори за интервю в React

Ето въпроси и отговори за интервю с ReactJs за новопостъпили, както и за опитни кандидати, за да получат мечтаната работа.

1) Какво е Reactjs?

React е JavaScript библиотека, която прави изграждането на потребителски интерфейси лесно. Разработен е от Facebook.

---

2) Използва ли React HTML?

Не, използва JSX, който е подобен на HTML.

Безплатно изтегляне на PDF: Въпроси и отговори за интервю в React

---

3) Кога React беше пуснат за първи път?

React беше пуснат за първи път през март 2013 г.

---

4) Дайте ми два най-съществени недостатъка на React

• Интегрирането на React с MVC рамката като Rails изисква сложна конфигурация.
• React изисква от потребителите да имат познания за интегрирането на потребителския интерфейс в MVC рамката.

---

5) Посочете разликата между Real DOM и Virtual DOM

Истински DOM	Виртуален DOM
Обновява се бавно.	Актуализира се по-бързо.
Позволява директна актуализация от HTML.	Не може да се използва за директно актуализиране на HTML.
Губи твърде много памет.	Консумацията на памет е по-малка

---

6) Какво представлява Flux Concept в React?

Facebook широко използва концепцията за архитектура на потока за разработване на уеб приложения от страна на клиента. Това не е рамка или библиотека. Това е просто нов вид архитектура, която допълва React и концепцията за еднопосочен поток от данни.

---

7) Дефинирайте термина Redux в React

Redux е библиотека, използвана за предна разработка. Това е контейнер за състояние за JavaScript приложения, който трябва да се използва за управление на състоянието на приложенията. Можете да тествате и стартирате приложение, разработено с Redux, в различни среди.

---

8) Какво представлява функцията „Store“ в Redux?

Redux има функция, наречена „Store“, която ви позволява да запазите цялото състояние на приложението на едно място. Следователно цялото състояние на компонента се съхранява в магазина, така че да получавате редовни актуализации директно от магазина. Единичното дърво на състоянието ви помага да следите промените във времето и да отстранявате грешки или да проверявате приложението.

---

9) Какво е действие в Redux?

Това е функция, която връща обект за действие. Типът действие и данните за действие винаги се съхраняват в обекта за действие. Действията могат да изпращат данни между Магазина и софтуерното приложение. Цялата информация, извлечена от Магазина, се произвежда от действията.

---

10) Назовете важните характеристики на React

Ето важни характеристики на React.

• Позволява ви да използвате библиотеки на трети страни
• Пестене на време
• По-бързо развитие
• Простота и възможност за композиране
• Напълно поддържан от Facebook.
• Стабилност на кода с еднопосочно обвързване на данни
• Компоненти на React

---

11) Обяснете термина компоненти без състояние

Компонентите без състояние са чисти функции, които изобразяват базирани на DOM единствено въз основа на предоставените им свойства.

---

12) Обяснете React Router

React Router е библиотека за маршрутизиране, която ви позволява да добавяте нови екранни потоци към вашето приложение и също така поддържа URL адреса в синхрон с това, което се показва на страницата.

---

13) Какви са популярните анимационни пакети в екосистемата на React?

Популярни анимационни пакети в React екосистемата са

• Реагиране на движение
• Преходна група React

---

14) Какво е Jest?

Jest е рамка за тестване на модули на JavaScript, създадена от Facebook на базата на Jasmine. Той предлага автоматизирано създаване на макет и jsdom среда. Използва се и като компонент за тестване.

---

15) Какво е диспечер?

Диспечерът е централен център на приложението, където ще получавате действия и ще излъчвате полезни данни към регистрирани обратни извиквания.

---

16) Какво се разбира под функция за обратно извикване? Каква е неговата цел?

Функцията за обратно извикване трябва да бъде извикана, когато setState приключи и компонентът се рендира отново. Тъй като setState е асинхронен, поради което приема втора функция за обратно извикване.

---

17) Обяснете термина компонент от висок ред

Компонент от по-висок ред, известен също накратко като HOC, е усъвършенствана техника за повторно използване на логиката на компонента. Не е част от React API, но те са модел, който възниква от композиционната природа на React.

---

18) Обяснете сегмента за представяне

Представителната част е сегмент, който ви позволява да визуализирате HTML. Капацитетът на сегмента е презентационен в маркирането.

---

19) Какво представляват Props в react js?

Props означава свойства, което е начин за предаване на данни от родител към дете. Можем да кажем, че реквизитите са просто комуникационен канал между компонентите. Винаги се движи от родителски към дъщерен компонент.

---

20) Каква е употребата на ключова дума super в React?

Ключовата дума super ви помага за достъп и извикване на функции на родител на обект.

---

21) Обяснете крилатата фраза за добив в JavaScript

Крилатата фраза за доходност се използва за забавяне и продължи генераторна работа, която е известна като yield catchphrase.

---

22) Назовете два вида компонент на React

Два вида реагиращи компоненти са:

• Функционален компонент
• Компонент на класа

---

23) Обяснете синтетичното събитие в React js

Синтетичното събитие е вид обект, който действа като обвивка между различни браузъри около родното събитие на браузъра. Също така ни помага да комбинираме поведенията на различни браузъри в сигнален API.

---

24) Какво е React State?

Това е обект, който решава как конкретен компонент се изобразява и как се държи. Състоянието съхранява информацията, която може да се променя през целия живот на React компонент.

---

25) Как можете да актуализирате състоянието в react js?

Състоянието може да се актуализира на компонента директно или косвено.

---

26) Обяснете използването на функцията стрелка в React

Функцията със стрелка ви помага да предвидите поведението на грешките, когато се предават като обратно извикване. Следователно предотвратява грешки, причинени от всичко това заедно.

---

27) Какви са стъпките от жизнения цикъл на React?

Важни стъпки от жизнения цикъл на React js са:

• Инициализация
• Актуализации на състоянието/собствеността
• Унищожаването е жизненият цикъл на React

---

28) Посочете основната разлика между Pro и State

Основната разлика между двете е, че държавата е променлива, а професионалистите са неизменни.

---

29) Обяснете чистите компоненти в React js

Чистите компоненти са най-бързите компоненти, които могат да заменят всеки компонент само с render(). Помага ви да подобрите опростеността на кода и производителността на приложението.

---

30) Какъв вид информация контролира сегмент в React?

Има основно два вида информация, които контролират даден сегмент: Състояние и Реквизити

• Състояние: информация за състоянието, която ще се промени, трябва да използваме състояние.
• Реквизити: Реквизитите се задават от родителя и се уреждат през целия живот на дадена част.

---

31) Какво е „create-react-app“?

'create-react-app' е инструмент от командния ред, който ви позволява да създадете едно основно приложение за реакция.

---

32) Обяснете използването на „ключ“ в списъка с реакции

Ключовете ви позволяват да предоставите на всеки елемент от списъка стабилна идентичност. Ключовете трябва да са уникални.

---

33) Какво представляват децата?

Детските подпори се използват за предаване на компонент към други компоненти като свойства. Можете да получите достъп до него, като използвате

{props.children}

---

34) Обяснете границите на грешката?

Границите на грешката ви помагат да уловите грешка в Javascript навсякъде в дъщерните компоненти. Те се използват най-често за регистриране на грешката и показване на резервен потребителски интерфейс.

---

35) Каква е ползата от празни тагове <> ?

Празните тагове се използват в React за деклариране на фрагменти.

---

36) Обяснете строгия режим

StrictMode ви позволява да изпълнявате проверки и предупреждения за реагиращи компоненти. Работи само при компилация за разработка. Помага ви да подчертаете проблемите, без да изобразява видим потребителски интерфейс.

---

37) Какво представляват реагираните портали?

Порталът ви позволява да визуализирате деца в DOM възел.  CreatePortalmethod се използва за него.

---

38) Какво е контекст?

Контекстът на React ви помага да предавате данни, като използвате дървото на компонентите на React. Помага ви да споделяте данни глобално между различни компоненти на реакция.

---

39) Каква е ползата от Webpack?

Webpack в основата си е създател на модули. Той се изпълнява главно по време на процеса на разработка.

---

40) Какво е Babel в React js?

Babel е компилатор на JavaScript, който преобразува най-новия JavaScript като ES6, ES7 в обикновен стар ES5 JavaScript, който повечето браузъри разбират.

---

41) Как браузър може да чете JSX файл?

Ако искате браузърът да чете JSX, тогава този JSX файл трябва да бъде заменен с помощта на JSX трансформатор като Babel и след това да бъде изпратен обратно в браузъра.

---

42) Какви са основните проблеми при използването на MVC архитектура в React?

Ето основните предизвикателства, с които ще се сблъскате, докато работите с MVC архитектурата:

• Обработката на DOM е доста скъпа
• През повечето време приложенията бяха бавни и неефективни
• Поради кръговите функции е създаден сложен модел около модели и идеи

---

43) Какво може да се направи, когато има повече от един ред на изразяване?

По това време многоредов JSX израз е единствената опция, която ви остава.

---

44) Какво е намалението?

Намаляването е метод на приложение за обработка на състоянието.

---

45) Обяснете термина синтетични събития

Това всъщност е обвивка за различни браузъри около родното събитие на браузъра. Тези събития имат интерфейс stopPropagation() и preventDefault().

---

46) Кога трябва да използвате елементите от най-висок клас за функционалния елемент?

Ако вашият елемент прави етап или жизнен цикъл, трябва да използваме елементи от най-висок клас.

---

47) Как можете да споделите елемент в анализа?

Използвайки държавата, можем да споделяме данните.

---

48) Обяснете термина помирение

Когато състоянието или реквизитите на компонент се променят, rest ще сравни изобразения елемент с изобразен преди това DOM и ще актуализира действителния DOM, ако е необходимо. Този процес е известен като помирение.

---

49) Как можете да изобразите повторно компонент без да използвате функцията setState()?

Можете да използвате функцията forceUpdate() за повторно изобразяване на всеки компонент.

---

50) Можете ли да актуализирате реквизитите в React?

Не можете да актуализирате props в react js, защото props са само за четене. Освен това не можете да променяте подпори, получени от родител на дете.

---

51) Обяснете термина „Преструктуриране“.

Преструктурирането е процес на извличане на масив обекти. След като процесът приключи, можете да отделите всеки обект в отделна променлива.

---

52) Можете ли да актуализирате стойностите на подпорите?

Не е възможно да се актуализира стойността на подпорите, тъй като тя е неизменна.

---

53) Обяснете значението на Монтаж и Демонтаж

• Процесът на закрепване на елемента към DCOM се нарича монтаж.
• Процесът на отделяне на елемента от DCOM се нарича процес на демонтиране.

---

54) Каква е употребата на библиотеката 'prop-types'?

Библиотеката „Prop-types“ ви позволява да извършвате проверка на типа по време на изпълнение за props и подобен обект в скорошно приложение.

---

55) Обяснете реагиращите куки

React hooks ви позволява да използвате State и други функции на React, без да пишете клас.

---

56) Какво представляват фрагментите?

Можете да използвате ключовата дума fragment, за да групирате списък от дъщерни компоненти, без да използвате допълнителни възли към DOM. Например:

render() {

return (
);
}

---

57) Каква е основната разлика между createElement и cloneElment?

• createElement се използва от react за създаване на react елементи.
• cloneElement се използва за клониране на елемент и предаване на нови подпори.

---

58) Какво представляват контролираните компоненти?

Контролираните компоненти са компоненти, които управляват входните елементи.

---

59) Защо трябва да използвате props.children?

Този props.children ви позволява да предавате компонент като данни към други компоненти.

---

60) Избройте някои от методите в пакета react-dom

Важни методи за пакети с реакция-дом са:

• рендер ()
• хидратирам()
• createPortal()
• демонтиранеComponentAtNode()
• findDOMNode()

---

61) Как можем да направим изобразяване от страна на сървъра в React?

Можем да използваме сървъра за реакция, за да направим изобразяването от страна на сървъра.

---

62) Посочете разликата между getInitialState() и constructor()?

Ако искате да създадете един компонент чрез разширяване на „React. Component', конструкторът ви помага да инициализирате състоянието. Но ако искате да създадете с помощта на „Reat.createClass.“ тогава трябва да използвате „genInitiaState“.

---

63) Какво е препратки?

Ref са атрибут на DOM елементите. Основната цел на препратките е лесно да намират DOM елементите.

---

64) Какво е ComponentWillMount()

componentWillMount() е да прави API извиквания, след като компонентът бъде иницииран, и да конфигурира стойностите в състоянието. За да направите API повикване, използвайте HttpClient като Axios или можем да използваме fetch(), за да задействаме AJAX повикването.

---

65) Как да изпратя данните в магазина?

Можем да изпратим данните към друг компонент, който трябва да се основава на действието, което съхранява родителския компонент.

---

66) Как ще можете да се справите с повече действия с помощта на redux?

За да създадем един и същ компонент в по-голям поток от действия, ние използваме една и съща функционалност в различни модули.

---

67) Как можете да разлеете редукторите?

Можем да разпръснем спасяванията въз основа на действията на събитието. Това действие трябва да бъде разделено на отделни модули.

---

68) Назовете пет предварително дефинирани прототипа, използвани в React

Най-важният прототип, използван в React js, са:

• брой
• низ
• масив
• обект
• елемент

---

69) Каква е целта на използването на bindActionsCreators?

BindActionCreator ви помага да свържете събитието въз основа на диспечера на действие към HTML елемента.

---

70) Какво е REFS в React

Ref е препратка към елемента. В повечето случаи трябва да се избягва. Понякога обаче се използва, когато трябва да получите директен достъп до DOM или екземпляр на компонента.

---

71) Може ли JSX елементът да бъде прикрепен към други JSX компоненти?

Да, можете да използвате прикачен JSX елемент с други JSX компоненти, което е много подобно на вложените HTML елементи.

---

72) Каква е текущата стабилна версия на React?

Текущата стабилна версия на React е версия 17.5

---

73) Посочете важна характеристика на функциите на работния процес на Redux

Важни характеристики на работния процес на Redux са:

• Нулиране: Помага ви да нулирате състоянието на магазина
• Връщане: Позволява ви да се върнете към последното ангажирано състояние
• Почистване: Всички деактивиращи действия, които може да задействате по погрешка, ще бъдат премахнати
• Ангажиране: Помага ви да направите текущото състояние първоначалното състояние.

---

74) Посочете разликата между React JS и React Native

React JS е JavaScript библиотека с отворен код в предния край, използвана за изграждане на потребителски интерфейси, докато React Native е мобилна рамка с отворен код, която позволява на разработчиците да използват React на платформи като Android и IOS. Тези въпроси за интервюто също ще ви помогнат във вашата viva (устна)