A 74 legjobb React JS interjú kérdése és válasza

Reagáljon az interjú kérdéseire és válaszaira

Íme a ReactJ interjúkérdései és válaszai a pályakezdőknek és a tapasztalt jelölteknek álmaik állása megszerzéséhez.

1) Mi az a Reactjs?

A React egy JavaScript-könyvtár, amely megkönnyíti a felhasználói felületek létrehozását. A Facebook fejlesztette ki.

---

2) React használja HTML?

Nem, JSX-et használ, ami hasonló a HTML-hez.

Ingyenes PDF letöltés: React Interjú kérdések és válaszok

---

3) Mikor jelent meg először a React?

A React először 2013 márciusában jelent meg.

---

4) Mondja el a React két legjelentősebb hátrányát

• A React integrálása a Railshez hasonló MVC keretrendszerrel összetett konfigurációt igényel.
• A React megköveteli a felhasználóktól, hogy ismerjék a felhasználói felület MVC keretrendszerbe való integrálását.

---

5) Adja meg a különbséget a Real DOM és a Virtuális DOM között

Igazi DOM	Virtuális DOM
Lassan frissül.	Gyorsabban frissül.
Lehetővé teszi a közvetlen frissítést HTML-ből.	Nem használható közvetlenül a HTML frissítésére.
Túl sok memóriát pazarol.	A memóriafogyasztás kisebb

---

6) Mit jelent a Fluxus fogalma a reakcióban?

A Facebook széles körben használja a flux architektúra koncepcióját kliensoldali webes alkalmazások fejlesztéséhez. Ez nem egy keretrendszer vagy egy könyvtár. Egyszerűen egy újfajta architektúra, amely kiegészíti a Reactet és az unidirekcionális adatfolyam koncepcióját.

---

7) Határozza meg a Redux kifejezést a Reactban

A Redux egy előtér-fejlesztéshez használt könyvtár. Ez a JavaScript alkalmazások állapottárolója, amelyet az alkalmazások állapotkezeléséhez kell használni. A Redux-szal fejlesztett alkalmazásokat különböző környezetekben tesztelheti és futtathatja.

---

8) Mi az a „Store” funkció a Reduxban?

A Redux rendelkezik egy „Store” nevű funkcióval, amely lehetővé teszi az alkalmazás teljes állapotának egy helyen történő mentését. Ezért az összes összetevő állapota az Áruházban tárolódik, így rendszeres frissítéseket kaphat közvetlenül az Áruházból. Az egyállapotú fa segít nyomon követni az idő múlásával bekövetkezett változásokat, valamint hibakeresést vagy az alkalmazás ellenőrzését.

---

9) Mit jelent a művelet a Reduxban?

Ez egy olyan függvény, amely egy műveleti objektumot ad vissza. A művelettípus és a műveleti adatok mindig az akcióobjektumban tárolódnak. A műveletek adatokat küldhetnek az Áruház és a szoftveralkalmazás között. Az Áruház által lekért összes információ a műveletek során keletkezik.

---

10) Nevezze meg a React fontos jellemzőit!

Itt vannak a React fontos jellemzői.

• Lehetővé teszi harmadik féltől származó könyvtárak használatát
• Időspórolás
• Gyorsabb fejlesztés
• Egyszerűség és összeállítható
• A Facebook teljes mértékben támogatja.
• Kódstabilitás egyirányú adatkötéssel
• React Components

---

11) Magyarázza meg az állapot nélküli összetevők kifejezést!

Az állapot nélküli összetevők tiszta függvények, amelyek kizárólag a számukra biztosított tulajdonságok alapján teszik DOM-alapúvá.

---

12) Magyarázza el a React Routert

A React Router egy útválasztási könyvtár, amely lehetővé teszi új képernyőfolyamatok hozzáadását az alkalmazáshoz, és az URL-t is szinkronban tartja az oldalon megjelenőkkel.

---

13) Melyek a népszerű animációs csomagok a React ökoszisztémában?

A React ökoszisztéma népszerű animációs csomagjai

• React Motion
• React Transition Group

---

14) Mi az a Jest?

A Jest egy JavaScript egységtesztelési keretrendszer, amelyet a Facebook hozott létre a Jasmine alapján. Automatizált modellkészítést és jsdom környezetet kínál. Tesztelemként is használják.

---

15) Mi az a diszpécser?

A diszpécser az alkalmazás központi csomópontja, ahol műveleteket fogadhat és sugározhat hasznos adatokat a regisztrált visszahívásokhoz.

---

16) Mit jelent a visszahívási funkció? Mi a célja?

A visszahívási függvényt meg kell hívni, amikor a setState befejeződött, és az összetevőt újra rendereli. Mivel a setState aszinkron, ezért vesz fel egy második visszahívási funkciót.

---

17) Magyarázza el a magas rendű komponens kifejezést!

A magasabb rendű komponens, röviden HOC néven is ismert, egy fejlett technika a komponenslogika újrafelhasználására. Nem része a Reactnak API, de ezek egy minta, amely a React kompozíciós természetéből fakad.

---

18) Magyarázza el a prezentációs szegmenst!

A bemutató rész egy olyan szegmens, amely lehetővé teszi a HTML megjelenítését. A szegmens kapacitása a jelölésben prezentációs.

---

19) Mik azok a kellékek a react js-ben?

A propok tulajdonságokat jelentenek, ami az adatok szülőtől gyermekhez történő átadásának egy módja. Azt is mondhatjuk, hogy a propok csupán egy kommunikációs csatorna a komponensek között. Mindig a szülő komponenstől a gyermek komponenshez mozognak.

---

20) Mire jó a szuper kulcsszó a Reactban?

A szuper kulcsszó segít elérni és meghívni az objektum szülő függvényeit.

---

21) Magyarázza el a hozamot a JavaScriptben

A hozam jelszava késleltetésre és folytatás egy generátor munka, amelyet hozamkifejezésként ismernek.

---

22) Nevezzen meg két típusú React komponenst!

A reagáló komponensek két típusa:

• Funkció komponens
• Osztály összetevő

---

23) Magyarázza el a szintetikus eseményt a React js-ben

A szintetikus esemény egy olyan objektum, amely böngészőközi burkolóként működik a böngésző natív eseménye körül. Segít abban is, hogy a különböző böngészők viselkedését egy Signal API-ba kombináljuk.

---

24) Mi az a React State?

Ez egy objektum, amely meghatározza, hogy egy adott összetevő hogyan jelenjen meg és hogyan viselkedik. Az állapot tárolja azokat az információkat, amelyek a React komponens élettartama során módosíthatók.

---

25) Hogyan lehet frissíteni a react js állapotát?

A komponens állapota közvetlenül vagy közvetve frissíthető.

---

26) Magyarázza el a nyíl funkció használatát a React-ban

A nyíl funkció segít megjósolni a hibák viselkedését visszahívásként. Ezért együttesen megakadályozza az ebből eredő hibákat.

---

27) Melyek a React életciklusának lépései?

A React js életciklusának fontos lépései a következők:

• Inicializálás
• Állam/tulajdon frissítések
• A megsemmisítés a React életciklusa

---

28) Mutassa be a fő különbséget Pros és State között

A fő különbség a kettő között az, hogy az állam változtatható, a profik pedig megváltoztathatatlanok.

---

29) Magyarázza el a React js tiszta összetevőit

A tiszta komponensek a leggyorsabb komponensek, amelyek bármely komponenst csak egy render()-rel helyettesíthetnek. Segít javítani a kód egyszerűségét és az alkalmazás teljesítményét.

---

30) Milyen információ szabályozza a React szegmensét?

Főleg kétféle információ szabályozza a szegmenst: állapot és kellékek

• Állapot: Állítsa be az információkat, amelyek változni fognak, használnunk kell az állapotot.
• Kellékek: A kellékeket a szülő állítja be, és amelyek az alkatrész teljes élettartama alatt el vannak rendezve.

---

31) Mi az „alkalmazás létrehozása-reagálása”?

A „create-react-app” egy parancssori eszköz, amely lehetővé teszi egyetlen alapvető reagálási alkalmazás létrehozását.

---

32) Magyarázza el a „kulcs” használatát a reakciólistában

A kulcsok lehetővé teszik az egyes listaelemek stabil identitását. A kulcsoknak egyedinek kell lenniük.

---

33) Mik azok a gyerekek kellékei?

A gyermekkellékeket arra használják, hogy az összetevőket tulajdonságként átadják más alkatrészeknek. használatával érheti el

{props.children}

---

34) Magyarázza el a hibahatárokat?

A hibahatárok segítenek a Javascript-hibák elkapásában bárhol az utódkomponensekben. Leggyakrabban a hiba naplózására és a tartalék felhasználói felület megjelenítésére használják.

---

35) Mire jók az üres címkék <> ?

Az üres címkéket a React használja a töredékek deklarálására.

---

36) Magyarázza el a szigorú módot

A StrictMode lehetővé teszi a reagáló komponensek ellenőrzésének és figyelmeztetésének futtatását. Csak fejlesztési builden fut. Segít kiemelni a problémákat anélkül, hogy látható felhasználói felületet jelenítene meg.

---

37) Mik azok a reagált portálok?

A portál lehetővé teszi, hogy a gyerekeket DOM-csomóponttá renderelje. Portálmódszer létrehozása arra használják.

---

38) Mi a kontextus?

A React kontextus segít az adatok továbbításában a react komponensek fájának használatával. Segít az adatok globális megosztásában a különböző reakciókomponensek között.

---

39) Mire használható a Webpack?

A Webpack alapvetően egy modulkészítő. Főleg a fejlesztési folyamat során fut.

---

40) Mi az a Babel a React js-ben?

A Babel egy JavaScript-fordító, amely a legújabb JavaScript-eket, például az ES6-ot, az ES7-et sima régi ES5 JavaScript-vé alakítja, amelyet a legtöbb böngésző megért.

---

41) Hogyan tudja a böngésző olvasni a JSX fájlt?

Ha azt szeretné, hogy a böngésző olvassa a JSX-et, akkor ezt a JSX-fájlt le kell cserélni egy JSX-transzformátorral, mint például a Babel, majd küldje vissza a böngészőnek.

---

42) Melyek az MVC architektúra használatának főbb problémái a Reactban?

Íme a fő kihívások, amelyekkel szembe kell néznie az MVC architektúra kezelése során:

• A DOM-kezelés meglehetősen drága
• A legtöbb alkalmazás lassú és nem hatékony volt
• A körkörös függvények miatt egy komplex modell jött létre a modellek és ötletek köré

---

43) Mit tehetünk, ha egynél több kifejezéssor van?

Abban az időben a többsoros JSX kifejezés az egyetlen lehetőség.

---

44) Mi a csökkentés?

A csökkentés az állapot kezelésének egyik alkalmazási módja.

---

45) Magyarázza meg a szintetikus események kifejezést!

Valójában egy böngészők közötti burkolóanyag a böngésző natív eseménye körül. Ezek az események rendelkeznek a stopPropagation() és a preventDefault() interfészekkel.

---

46) Mikor érdemes a felső osztályú elemeket használni a függvényelemhez?

Ha az eleme szakaszt vagy életciklust végez, akkor csúcskategóriás elemeket kell használnunk.

---

47) Hogyan lehet megosztani egy elemet az elemzésben?

Az állam segítségével megoszthatjuk az adatokat.

---

48) Magyarázza meg az egyeztetés fogalmát!

Amikor egy összetevő állapota vagy kellékei megváltoznak, akkor a rest összehasonlítja a megjelenített elemet a korábban megjelenített DOM-mal, és szükség esetén frissíti a tényleges DOM-ot. Ezt a folyamatot megbékélésnek nevezik.

---

49) Hogyan lehet újra renderelni egy komponenst a setState() függvény használata nélkül?

Használhatja a forceUpdate() függvényt bármely komponens újrarendereléséhez.

---

50) Tudod frissíteni a kellékeket reagálni?

A react js-ben nem frissítheti a kellékeket, mert a kellékek csak olvashatók. Ezenkívül nem módosíthatja a szülőtől gyermeknek kapott kellékeket.

---

51) Magyarázza el a „szerkezetátalakítás” kifejezést.

A szerkezetátalakítás a kitermelési folyamat sor tárgyakat. A folyamat befejezése után az egyes objektumokat külön változóban különítheti el.

---

52) Tudod frissíteni a kellékek értékeit?

A kellékek értékét nem lehet frissíteni, mivel az változatlan.

---

53) Magyarázza el a fel- és leszerelés jelentését

• Az elem DCOM-hoz való rögzítésének folyamatát szerelésnek nevezzük.
• Az elem DCOM-ról való leválasztásának folyamatát leszerelési folyamatnak nevezzük.

---

54) Mire használható a „prop-types” könyvtár?

A 'Prop-types' könyvtár lehetővé teszi, hogy futásidejű típusellenőrzést végezzen a kellékek és hasonló objektumok tekintetében egy nemrégiben megjelent alkalmazásban.

---

55) Magyarázza el a reakcióhorgokat

A React hook lehetővé teszi az állapot és más React funkciók használatát osztály írása nélkül.

---

56) Mik azok a töredékek?

A töredékkulcsszó használatával csoportosíthatja az alárendelt összetevők listáját anélkül, hogy további csomópontokat használna a DOM-hoz. Például :

render() {

return (
);
}

---

57) Mi a fő különbség a createElement és a cloneElment között?

• A createElement-et a react használja reakcióelemek létrehozására.
• A cloneElement elem klónozására és új kellékek átadására szolgál.

---

58) Mik azok a szabályozott összetevők?

A vezérelt komponensek olyan komponensek, amelyek vezérlik a bemeneti elemeket.

---

59) Miért kell kellékeket használni.gyerekek?

Ez a props.children lehetővé teszi, hogy egy komponenst adatként továbbítson más összetevőknek.

---

60) Soroljon fel néhány módszert egy react-dom csomagban

A react-dom csomagok fontos módszerei a következők:

• Vakol()
• hidrát()
• CreatePortal()
• unmountComponentAtNode()
• findDOMNode()

---

61) Hogyan végezhetünk szerveroldali renderelést a Reactban?

A szerveroldali rendereléshez a reakciószolgálatot használhatjuk.

---

62) Mondja el a különbséget a getInitialState() és a constructor() között?

Ha egy komponenst szeretne létrehozni a „React. Component”, a konstruktor segít az állapot inicializálásában. De ha a "Reat.createClass" használatával szeretne létrehozni. akkor használja a „genInitiaState” parancsot.

---

63) Mi az a refs?

A Ref a DOM elemek attribútuma. A ref elsődleges célja a DOM elemek egyszerű megtalálása.

---

64) Mi az a ComponentWillMount()

A componentWillMount() célja API-hívások indítása az összetevő elindítása után, és az értékek állapotba állítása. API-hívás kezdeményezéséhez használjon egy HttpClient-et, például az Axiost, vagy a fetch()-et az AJAX-hívás indításához.

---

65) Hogyan kell az adatokat az üzletben kiszállítani?

Elküldhetjük az adatokat egy másik komponensnek, amelynek a szülőkomponenst tároló műveleten kell alapulnia.

---

66) Hogyan lesz képes több műveletet kezelni a redux használatával?

Annak érdekében, hogy ugyanazt az összetevőt több műveletfolyamatban hozzuk létre, ugyanazt a funkcionalitást használjuk különböző modulokban.

---

67) Hogyan öntheti ki a reduktorokat?

A mentéseket az esemény akciói alapján tudjuk kiszórni. Ezt a műveletet külön modulokra kell osztani.

---

68) Nevezze meg a Reactben használt öt előre meghatározott prototípust

A React js-ben használt legfontosabb prototípusok a következők:

• szám
• húr
• sor
• tárgy
• elem

---

69) Mi a célja a bindActionsCreators használatának?

A BindActionCreator segít az eseménynek a műveleti diszpécser alapján a HTML elemhez kötésében.

---

70) Mi az a REFS a Reactban

A Ref hivatkozás az elemre. A legtöbb esetben kerülni kell. Néha azonban akkor használatos, ha közvetlenül kell elérnie a DOM-ot vagy az összetevő példányát.

---

71) Csatlakoztatható a JSX elem más JSX komponensekhez?

Igen, használhatja a JSX elem csatolását más JSX összetevőkkel, ami nagyon hasonlít a HTML elemek egymásba ágyazásához.

---

72) Mi a React jelenlegi stabil verziója?

A React jelenlegi stabil verziója a 17.5-ös verzió

---

73) Nevezze meg a Redux munkafolyamat szolgáltatásainak egy fontos jellemzőjét

A Redux munkafolyamat fontos jellemzői a következők:

• Visszaállítás: Segít visszaállítani az Áruház állapotát
• Visszaállítás: Lehetővé teszi, hogy visszalépjen az utolsó lekötött állapotba
• Sweep: Minden letiltási művelet, amelyet tévedésből aktiválhat, el lesz távolítva
• Kötelezettség: Segít az aktuális állapot kezdeti állapottá tételében.

---

74) Mutassa be a React JS és a React Native közötti különbséget

A React JS egy előtérbeli, nyílt forráskódú JavaScript-könyvtár, amelyet felhasználói felületek készítésére használnak, míg a React Native egy nyílt forráskódú, mobil keretrendszer, amely lehetővé teszi a fejlesztők számára, hogy a Reactot olyan platformokon használják, mint az Android és iOS. Ezek az interjúkérdések a viva-ban is segítenek.