Top 70 React JS-interviewvragen en antwoorden
Reageer op interviewvragen en antwoorden
Hier zijn de interviewvragen en antwoorden van ReactJ voor zowel eerstejaars als ervaren kandidaten om hun droombaan te krijgen.
1) Wat is Reactjs?
React is een JavaScript-bibliotheek die het bouwen van gebruikersinterfaces eenvoudig maakt. Het is ontwikkeld door Facebook.
2) Gebruikt React Html?
Nee, het gebruikt JSX, wat vergelijkbaar is met HTML.
Gratis pdf-download: Reageer interviewvragen en antwoorden
3) Wanneer werd React voor het eerst uitgebracht?
React werd voor het eerst uitgebracht in maart 2013.
4) Geef me de twee belangrijkste nadelen van React
- Het integreren van React met het MVC-framework zoals Rails vereist een complexe configuratie.
- React vereist dat de gebruikers kennis hebben over de integratie van de gebruikersinterface in het MVC-framework.
5) Geef het verschil aan tussen Real DOM en Virtual DOM
Echte DOM | Virtuele DOM |
Het wordt langzaam bijgewerkt. | Het wordt sneller bijgewerkt. |
Het maakt een directe update vanuit HTML mogelijk. | Het kan niet worden gebruikt om HTML rechtstreeks bij te werken. |
Het verspilt te veel geheugen. | Het geheugenverbruik is minder |
6) Wat is Flux Concept in React?
Facebook maakt op grote schaal gebruik van het flux-architectuurconcept voor het ontwikkelen van webapplicaties aan de clientzijde. Het is geen raamwerk of bibliotheek. Het is simpelweg een nieuw soort architectuur die een aanvulling vormt op React en het concept van Unidirectionele Data Flow.
7) Definieer de term Redux in React
Redux is een bibliotheek die wordt gebruikt voor front-endontwikkeling. Het is een statuscontainer voor JavaScript-applicaties die moet worden gebruikt voor het statusbeheer van applicaties. Een met Redux ontwikkelde applicatie kunt u in verschillende omgevingen testen en draaien.
8) Wat is de 'Store'-functie in Redux?
Redux heeft een functie genaamd 'Store' waarmee u de volledige status van de applicatie op één plaats kunt opslaan. Daarom wordt de status van alle componenten in de Store opgeslagen, zodat u regelmatig updates rechtstreeks vanuit de Store ontvangt. De enkele statusboom helpt u veranderingen in de loop van de tijd bij te houden en de applicatie te debuggen of te inspecteren.
9) Wat is een actie in Redux?
Het is een functie die een actieobject retourneert. Het actietype en de actiegegevens worden altijd opgeslagen in het actieobject. Acties kunnen gegevens verzenden tussen de Store en de softwareapplicatie. Alle informatie die door de Store wordt opgehaald, wordt door de acties geproduceerd.
10) Noem de belangrijke kenmerken van React
Hier zijn belangrijke kenmerken van React.
- Hiermee kunt u bibliotheken van derden gebruiken
- Tijd besparen
- Snellere ontwikkeling
- Eenvoud en samenstelbaar
- Volledig ondersteund door Facebook.
- Codestabiliteit met gegevensbinding in één richting
- Reageer componenten
11) Leg de term staatloze componenten uit
Staatloze componenten zijn pure functies die DOM uitsluitend gebaseerd maken op de eigenschappen die eraan worden verstrekt.
12) Leg React Router uit
React Router is een routeringsbibliotheek waarmee u nieuwe schermstromen aan uw toepassing kunt toevoegen, en die ook de URL gesynchroniseerd houdt met wat er op de pagina wordt weergegeven.
13) Wat zijn de populaire animatiepakketten in het React-ecosysteem?
Populair animatiepakket in het React-ecosysteem is
- Reageer beweging
- Reageer Overgangsgroep
14) Wat is Jest?
Jest is een JavaScript-testframework voor eenheden, gemaakt door Facebook op basis van Jasmine. Het biedt geautomatiseerde nepcreatie en een jsdom-omgeving. Het wordt ook gebruikt als testcomponent.
15) Wat is een verzender?
Een coördinator is een centrale app-hub waar u acties ontvangt en de payload uitzendt naar geregistreerde terugbelverzoeken.
16) Wat wordt bedoeld met de callback-functie? Wat is de bedoeling?
Er moet een callback-functie worden aangeroepen wanneer setState is voltooid en de component opnieuw wordt weergegeven. Omdat de setState asynchroon is, is er daarom een tweede callback-functie nodig.
17) Leg de term component van hoge orde uit
Een component van hogere orde, ook wel kortweg HOC genoemd, is een geavanceerde techniek voor het hergebruiken van componentlogica. Het maakt geen deel uit van de React API, maar ze zijn een patroon dat voortkomt uit de compositorische aard van React.
18) Leg het presentatiesegment uit
Een presentatiegedeelte is een segment waarmee u HTML kunt weergeven. De capaciteit van het segment is presentatief in opmaak.
19) Wat zijn rekwisieten in react js?
Props betekenen eigenschappen, wat een manier is om gegevens van ouder naar kind door te geven. We kunnen zeggen dat rekwisieten slechts een communicatiekanaal tussen componenten zijn. Het beweegt altijd van ouder- naar kindcomponent.
20) Wat is het nut van een supertrefwoord in React?
Het super trefwoord helpt u bij het openen en aanroepen van functies op de ouder van een object.
21) Leg de slogan over opbrengst uit in JavaScript
De opbrengst-slogan wordt gebruikt om te vertragen en hervat een generatorwerk, dat bekend staat als yield-catchphrase.
22) Noem twee soorten React-componenten
Twee soorten reactiecomponenten zijn:
- Functiecomponent
- Klassecomponent
23) Leg de synthetische gebeurtenis uit in React js
Synthetische gebeurtenis is een soort object dat fungeert als een cross-browser wrapper rond de eigen gebeurtenis van de browser. Het helpt ons ook om het gedrag van verschillende browsers te combineren in een signaal-API.
24) Wat is React-status?
Het is een object dat bepaalt hoe een specifiek onderdeel wordt weergegeven en hoe het zich gedraagt. De status slaat de informatie op die gedurende de levensduur van een React-component kan worden gewijzigd.
25) Hoe kunt u de status in react js bijwerken?
Een status van het onderdeel kan direct of indirect worden bijgewerkt.
26) Leg het gebruik van de pijlfunctie in React uit
De pijlfunctie helpt u het gedrag van bugs te voorspellen wanneer deze als callback worden doorgegeven. Daarom voorkomt het bugs die hierdoor worden veroorzaakt.
27) Wat zijn de levenscyclusstappen van React?
Belangrijke levenscyclusstappen van React js zijn:
- initialisatie
- Staats-/eigendomsupdates
- Vernietiging is de levenscyclus van React
28) Noem het belangrijkste verschil tussen pro's en staat
Het belangrijkste verschil tussen de twee is dat de staat veranderlijk is en de pro's onveranderlijk.
29) Leg pure componenten in React js uit
Pure componenten zijn de snelste componenten die elk component kunnen vervangen met alleen een render(). Het helpt u de eenvoud van de code en de prestaties van de applicatie te verbeteren.
30) Welk soort informatie bestuurt een segment in React?
Er zijn hoofdzakelijk twee soorten informatie die een segment beheersen: Staat en Props
- Staat: staatsinformatie die zal veranderen, we moeten staat gebruiken.
- Rekwisieten: Rekwisieten worden door de ouder ingesteld en worden gedurende de hele levensduur van een onderdeel vastgelegd.
31) Wat is 'create-react-app'?
'create-react-app' is een opdrachtregelprogramma waarmee u één eenvoudige reactietoepassing kunt maken.
32) Leg het gebruik van 'sleutel' in de reactielijst uit
Met sleutels kunt u elk lijstelement een stabiele identiteit geven. De sleutels moeten uniek zijn.
33) Wat zijn kinderrekwisieten?
Kinderrekwisieten worden gebruikt om componenten als eigenschappen aan andere componenten door te geven. Je kunt er toegang toe krijgen door gebruik te maken van
{props.children}
34) Leg de foutgrenzen uit?
Foutgrenzen helpen u Javascript-fouten overal in de onderliggende componenten op te sporen. Ze worden het meest gebruikt om de fout te registreren en een fallback-UI weer te geven.
35) Wat is het nut van lege tags <> ?
In React worden lege tags gebruikt voor het declareren van fragmenten.
36) Leg de strikte modus uit
Met StrictMode kunt u controles en waarschuwingen uitvoeren voor reactiecomponenten. Het draait alleen op ontwikkelingsbuild. Het helpt u de problemen te benadrukken zonder een zichtbare gebruikersinterface weer te geven.
37) Wat zijn gereageerde portalen?
Met Portal kunt u kinderen in een DOM-knooppunt renderen. CreatePortal-methode wordt er voor gebruikt.
38) Wat is context?
React-context helpt u gegevens door te geven met behulp van de boom met reactiecomponenten. Het helpt u om gegevens wereldwijd te delen tussen verschillende reactiecomponenten.
39) Wat is het nut van Webpack?
Webpack is in feite een modulebouwer. Het wordt voornamelijk uitgevoerd tijdens het ontwikkelingsproces.
40) Wat is Babel in React js?
Babel is een JavaScript-compiler die de nieuwste JavaScript zoals ES6 en ES7 omzet in gewoon oud ES5 JavaScript dat de meeste browsers begrijpen.
41) Hoe kan een browser een JSX-bestand lezen?
Als je wilt dat de browser JSX leest, moet dat JSX-bestand worden vervangen door een JSX-transformator zoals Babel en vervolgens teruggestuurd worden naar de browser.
42) Wat zijn de belangrijkste problemen bij het gebruik van MVC-architectuur in React?
Dit zijn de belangrijkste uitdagingen waarmee u te maken krijgt bij het omgaan met MVC-architectuur:
- DOM-afhandeling is behoorlijk duur
- Meestal waren applicaties traag en inefficiënt
- Door circulaire functies is er een complex model ontstaan rondom modellen en ideeën
43) Wat kan er gedaan worden als er meer dan één uitdrukkingsregel is?
Op dat moment is een JSX-expressie met meerdere regels de enige optie die u nog hebt.
44) Wat is de reductie?
De verlaging is een toepassingswijze van staatsbehandeling.
45) Leg de term synthetische gebeurtenissen uit
Het is eigenlijk een cross-browser wrapper rond de eigen gebeurtenis van de browser. Deze gebeurtenissen hebben een interface stopPropagation() en preventieDefault().
46) Wanneer moet je de topelementen gebruiken voor het functie-element?
Als uw element een fase- of levenscyclus doorloopt, moeten we elementen van topklasse gebruiken.
47) Hoe kun je een element delen in het parseren?
Met behulp van de Staat kunnen we de gegevens delen.
48) Leg de term verzoening uit
Wanneer de status of rekwisieten van een component veranderen, zal rest het weergegeven element vergelijken met eerder weergegeven DOM en de feitelijke DOM bijwerken als dat nodig is. Dit proces staat bekend als verzoening.
49) Hoe kun je een component opnieuw renderen zonder de functie setState() te gebruiken?
U kunt de functie forceUpdate() gebruiken voor het opnieuw renderen van een component.
50) Kun je rekwisieten in reactie bijwerken?
Je kunt rekwisieten in react js niet bijwerken omdat rekwisieten alleen-lezen zijn. Bovendien kunt u rekwisieten die van ouder op kind zijn ontvangen, niet wijzigen.
51) Leg de term 'Herstructurering' uit.
Herstructurering is een extractieproces van reeks voorwerpen. Zodra het proces is voltooid, kunt u elk object in een afzonderlijke variabele scheiden.
52) Kun je de waarden van rekwisieten bijwerken?
Het is niet mogelijk om de waarde van rekwisieten bij te werken, omdat deze onveranderlijk is.
53) Leg de betekenis van Monteren en Demonteren uit
- Het proces waarbij het element aan de DCOM wordt bevestigd, wordt montage genoemd.
- Het proces waarbij het element van de DCOM wordt losgemaakt, wordt het demontageproces genoemd.
54) Wat is het nut van de 'prop-types'-bibliotheek?
Met de bibliotheek 'Prop-types' kunt u runtime-typecontroles uitvoeren voor rekwisieten en soortgelijke objecten in een recente toepassing.
55) Leg reactiehaken uit
Met React-hooks kunt u State- en andere React-functies gebruiken zonder een klasse te schrijven.
56) Wat zijn fragmenten?
U kunt het trefwoord fragment gebruiken om een lijst met onderliggende componenten te groeperen zonder extra knooppunten in de DOM te gebruiken. Bijvoorbeeld :
render() { return ( ); }
57) Wat is het belangrijkste verschil tussen createElement en cloneElment?
- createElement wordt door react gebruikt om react-elementen te maken.
- cloneElement wordt gebruikt om een element te klonen en er nieuwe rekwisieten aan door te geven.
58) Wat zijn gecontroleerde componenten?
Gecontroleerde componenten zijn componenten die de invoerelementen besturen.
59) Waarom moet je props.children gebruiken?
Met deze props.children kunt u een component als gegevens doorgeven aan andere componenten.
60) Noem enkele methoden in een react-dom-pakket
Belangrijke methoden voor react-dom-pakketten zijn:
- renderen ()
- hydrateren()
- createPortal()
- ontkoppelComponentAtNode()
- vindDOMNode()
61) Hoe kunnen we server-side rendering uitvoeren in React?
We kunnen reactieservice gebruiken om de weergave op de server uit te voeren.
62) Geef het verschil aan tussen getInitialState() en constructor()?
Als u één component wilt maken door 'React. Component', helpt de constructor u bij het initialiseren van de State. Maar als u wilt creëren met behulp van 'Reat.createClass.' dan moet je 'genInitiaState.'
63) Wat zijn referenties?
Ref is een attribuut van de DOM-elementen. Het primaire doel van de refs is om de DOM-elementen gemakkelijk te vinden.
64) Wat is ComponentWillMount()
componentWillMount() is om API-aanroepen te doen zodra de component is geïnitieerd en de waarden in de staat te configureren. Om een API-aanroep te doen, gebruikt u een HttpClient zoals Axios, of we kunnen fetch() gebruiken om de AJAX-aanroep te activeren.
65) Hoe kunnen de gegevens naar de winkel worden verzonden?
We kunnen de gegevens naar een andere component verzenden, die gebaseerd moet zijn op de actie waarin de bovenliggende component wordt opgeslagen.
66) Hoe kun je meer actie ondernemen met behulp van redux?
Om hetzelfde onderdeel in meer actiestroom te creëren, gebruiken we dezelfde functionaliteit in verschillende modules.
67) Hoe kun je de verloopstukken morsen?
We kunnen de reddingsacties overbrengen op basis van de gebeurtenisacties. Die actie moet in afzonderlijke modules worden opgesplitst.
68) Noem vijf vooraf gedefinieerde prototypes die in React worden gebruikt
Het belangrijkste prototype dat in React js wordt gebruikt, is:
- aantal
- snaar
- reeks
- object
- element
69) Wat is het doel van het gebruik van bindActionsCreators?
BindActionCreator helpt u de gebeurtenis op basis van de actieverzender aan het HTML-element te binden.
70) Wat is REFS in React
Ref is een verwijzing naar het element. Het moet in de meeste gevallen worden vermeden. Soms wordt het echter gebruikt wanneer u rechtstreeks toegang wilt hebben tot DOM of een exemplaar van de component.
71) Kan het JSX-element aan andere JSX-componenten worden bevestigd?
Ja, u kunt het Attach JSX-element gebruiken met andere JSX-componenten, wat sterk lijkt op het nesten van HTML-elementen.
72) Wat is de huidige stabiele versie van React?
De huidige stabiele versie van React is versie 17.5
73) Noem een belangrijk kenmerk van de Redux-workflowfuncties
Belangrijke kenmerken van de Redux-workflow zijn:
- Reset: Helpt u de status van de winkel te resetten
- Terugkeren: Hiermee kunt u teruggaan naar de laatst vastgelegde status
- Vegen: alle uitschakelacties die u per ongeluk zou kunnen activeren, worden verwijderd
- Commit: Helpt u om van de huidige staat de initiële staat te maken.
74) Geef het verschil aan tussen React JS en React Native
React JS is een front-end open-source JavaScript-bibliotheek die wordt gebruikt voor het bouwen van gebruikersinterfaces, terwijl React Native een open-source, mobiel raamwerk is waarmee ontwikkelaars React kunnen gebruiken op platforms zoals Android en iOS. Deze interviewvragen zullen ook helpen bij uw viva (orale gesprekken)
Een goede set vragen.
64) Wat is ComponentWillMount()
Antwoord is fout..
Het is aangepast..!!
spelfout in vraag nummer 74 “Rect Native,”
Hallo, bedankt voor het wijzen. Het is gecorrigeerd.
Goede vragen. Ik heb geen functionele hook-vragen gezien. Niet eens een.
spelfout in vraag nummer 62 “getIntialState()”
Bedankt, de inhoud is bijgewerkt.
Voeg meer vragen toe op React
U heeft gezegd: Herstructureren is niet Herstructureren, maar vernietigen. Corrigeer het alsjeblieft