Topp 74 React JS-intervjuspørsmål og svar

Reager intervjuspørsmål og svar

Her er ReactJs intervjuspørsmål og svar for ferskinger så vel som erfarne kandidater for å få drømmejobben.

1) Hva er Reactjs?

React er et JavaScript-bibliotek som gjør det enkelt å bygge brukergrensesnitt. Den ble utviklet av Facebook.

---

2) Bruker React HTML?

Nei, den bruker JSX, som ligner på HTML.

Gratis PDF-nedlasting: Reager intervjuspørsmål og svar

---

3) Når ble React først utgitt?

React ble først utgitt i mars 2013.

---

4) Gi meg de to viktigste ulempene med React

• Å integrere React med MVC-rammeverket som Rails krever kompleks konfigurasjon.
• React krever at brukerne har kunnskap om integrering av brukergrensesnitt i MVC-rammeverket.

---

5) Angi forskjellen mellom Real DOM og Virtual DOM

Ekte DOM	Virtuell DOM
Den oppdateres sakte.	Den oppdateres raskere.
Den tillater en direkte oppdatering fra HTML.	Den kan ikke brukes til å oppdatere HTML direkte.
Det sløser for mye minne.	Minneforbruket er mindre

---

6) Hva er Flux Concept In React?

Facebook bruker mye flux-arkitekturkonseptet for å utvikle klientsideapplikasjoner. Det er ikke et rammeverk eller et bibliotek. Det er rett og slett en ny type arkitektur som utfyller React og konseptet med unidireksjonell dataflyt.

---

7) Definer begrepet Redux i React

Redux er et bibliotek som brukes til frontend-utvikling. Det er en tilstandsbeholder for JavaScript-applikasjoner som skal brukes til applikasjonstilstandsadministrasjon. Du kan teste og kjøre en applikasjon utviklet med Redux i forskjellige miljøer.

---

8) Hva er "Store"-funksjonen i Redux?

Redux har en funksjon kalt "Store" som lar deg lagre hele programmets tilstand på ett sted. Derfor er all dens komponents tilstand lagret i butikken slik at du får regelmessige oppdateringer direkte fra butikken. Enkelttilstandstreet hjelper deg med å holde styr på endringer over tid og feilsøke eller inspisere applikasjonen.

---

9) Hva er en handling i Redux?

Det er en funksjon som returnerer et handlingsobjekt. Handlingstypen og handlingsdataene lagres alltid i handlingsobjektet. Handlinger kan sende data mellom butikken og programvaren. All informasjon som hentes av Butikken er produsert av handlingene.

---

10) Nevn de viktige egenskapene til React

Her er viktige funksjoner i React.

• Lar deg bruke tredjepartsbiblioteker
• Tidssparende
• Raskere utvikling
• Enkelhet og komponerbar
• Fullt støttet av Facebook.
• Kodestabilitet med enveis databinding
• Reaksjonskomponenter

---

11) Forklar begrepet statsløse komponenter

Statsløse komponenter er rene funksjoner som gjør DOM-basert utelukkende på egenskapene som er gitt til dem.

---

12) Forklar React Router

React Router er et rutebibliotek som lar deg legge til nye skjermflyter til applikasjonen din, og den holder også URL synkronisert med det som vises på siden.

---

13) Hva er den populære animasjonspakken i React-økosystemet?

Populære animasjonspakker i React-økosystemet er

• Reager Motion
• Reager Transition Group

---

14) Hva er spøk?

Jest er et JavaScript-enhetstestramme laget av Facebook basert på Jasmine. Det tilbyr automatisert mock-oppretting og et jsdom-miljø. Den brukes også som en testkomponent.

---

15) Hva er dispatcher?

En dispatcher er et sentralt knutepunkt i appen hvor du vil motta handlinger og kringkaste nyttelast til registrerte tilbakeringinger.

---

16) Hva menes med tilbakeringingsfunksjon? Hva er formålet?

En tilbakeringingsfunksjon skal kalles når setState er ferdig, og komponenten blir gjengitt på nytt. Siden setState er asynkron, og det er derfor den tar inn en andre tilbakeringingsfunksjon.

---

17) Forklar begrepet høyordenskomponent

En høyere ordens komponent også kort kjent som HOC er en avansert teknikk for gjenbruk av komponentlogikk. Det er ikke en del av React API, men de er et mønster som kommer fra Reacts komposisjonelle natur.

---

18) Forklar presentasjonssegmentet

En presentasjonsdel er et segment som lar deg gjengi HTML. Segmentets kapasitet er presentasjonsmessig i markup.

---

19) Hva er Props i react js?

Props betyr egenskaper, som er en måte å overføre data fra foreldre til barn. Vi kan si at props bare er en kommunikasjonskanal mellom komponenter. Den beveger seg alltid fra foreldre- til barnekomponent.

---

20) Hva er nytten av et supernøkkelord i React?

Supernøkkelordet hjelper deg med å få tilgang til og kalle opp funksjoner på et objekts overordnede.

---

21) Forklar yield catchphrase i JavaScript

Avkastningsfrasen brukes til å forsinke og gjenoppta et generatorverk, som er kjent som yield catchphrase.

---

22) Nevn to typer React-komponenter

To typer reaksjonskomponenter er:

• Funksjonskomponent
• Klassekomponent

---

23) Forklar syntetisk hendelse i React js

En syntetisk hendelse er en type objekt som fungerer som et nettleserkryssende wrapper rundt nettleserens native hendelse. Det hjelper oss også med å kombinere atferden til ulike nettlesere i et signal-API.

---

24) Hva er React State?

Det er et objekt som bestemmer hvordan en spesifikk komponent gjengis og hvordan den oppfører seg. Staten lagrer informasjonen som kan endres over levetiden til en React-komponent.

---

25) Hvordan kan du oppdatere status i react js?

En tilstand kan oppdateres på komponenten direkte eller indirekte.

---

26) Forklar bruken av pilfunksjonen i React

Pilfunksjonen hjelper deg med å forutsi oppførselen til feil når de sendes som en tilbakeringing. Derfor forhindrer det feil forårsaket av alt sammen.

---

27) Hva er livssyklustrinnene til React?

Viktige livssyklustrinn for React js er:

• Initialisering
• Status/eiendomsoppdateringer
• Ødeleggelse er livssyklusen til React

---

28) Angi hovedforskjellen mellom Pros og State

Hovedforskjellen de to er at staten er foranderlig og proffene er uforanderlige.

---

29) Forklar rene komponenter i React js

Rene komponenter er de raskeste komponentene som kan erstatte enhver komponent med bare en render(). Det hjelper deg å forbedre enkelheten til koden og ytelsen til applikasjonen.

---

30) Hva slags informasjon styrer et segment i React?

Det er hovedsakelig to typer informasjon som kontrollerer et segment: State og Props

• State: Statlig informasjon som vil endres, vi må bruke staten.
• Rekvisitter: Rekvisitter settes av forelderen og som avgjøres gjennom hele levetiden til en del.

---

31) Hva er "skap-reager-app"?

'create-react-app' er et kommandolinjeverktøy som lar deg lage en grunnleggende react-applikasjon.

---

32) Forklar bruken av 'nøkkel' i reaksjonslisten

Taster lar deg gi hvert listeelement en stabil identitet. Nøklene skal være unike.

---

33) Hva er barnerekvisitter?

Rekvisitter for barn brukes til å overføre komponent til andre komponenter som egenskaper. Du får tilgang til den ved å bruke

{props.children}

---

34) Forklar feilgrenser?

Feilgrenser hjelper deg med å fange Javascript-feil hvor som helst i underkomponentene. De brukes mest til å logge feilen og vise et reservegrensesnitt.

---

35) Hva er bruken av tomme tagger <> ?

Tomme tagger brukes i React for å deklarere fragmenter.

---

36) Forklar streng modus

StrictMode lar deg kjøre kontroller og advarsler for reagerende komponenter. Den kjører kun på utviklingsbygg. Det hjelper deg å fremheve problemene uten å gjengi noe synlig brukergrensesnitt.

---

37) Hva er reagerte portaler?

Portal lar deg gjengi barn til en DOM-node. CreatePortalmethod brukes til det.

---

38) Hva er kontekst?

React-kontekst hjelper deg med å sende data ved hjelp av treet med react-komponenter. Det hjelper deg med å dele data globalt mellom ulike reaksjonskomponenter.

---

39) Hva er bruken av Webpack?

Webpack i er i utgangspunktet en modulbygger. Det kjøres hovedsakelig under utviklingsprosessen.

---

40) Hva er Babel i React js?

Babel, er en JavaScript-kompilator som konverterer nyeste JavaScript som ES6, ES7 til vanlig gammel ES5 JavaScript som de fleste nettlesere forstår.

---

41) Hvordan kan en nettleser lese JSX-fil?

Hvis du vil at nettleseren skal lese JSX, bør den JSX-filen erstattes med en JSX-transformator som Babel og deretter sende tilbake til nettleseren.

---

42) Hva er hovedproblemene ved bruk av MVC-arkitektur i React?

Her er de største utfordringene du vil møte mens du håndterer MVC-arkitektur:

• DOM-håndtering er ganske dyrt
• Mesteparten av tiden var applikasjonene trege og ineffektive
• På grunn av sirkulære funksjoner er det laget en kompleks modell rundt modeller og ideer

---

43) Hva kan gjøres når det er mer enn én uttrykkslinje?

På den tiden er et JSX-uttrykk med flere linjer det eneste alternativet som er igjen for deg.

---

44) Hva er reduksjonen?

Reduksjonen er en søknadsmetode for å håndtere staten.

---

45) Forklar begrepet syntetiske hendelser

Det er faktisk en innpakning på tvers av nettleseren rundt nettleserens opprinnelige hendelse. Disse hendelsene har grensesnitt stopPropagation() og preventDefault().

---

46) Når bør du bruke toppklasseelementene for funksjonselementet?

Hvis elementet ditt utfører en scene eller livssyklus, bør vi bruke førsteklasses elementer.

---

47) Hvordan kan du dele et element i parsingen?

Ved å bruke staten kan vi dele dataene.

---

48) Forklar begrepet forsoning

Når en komponents tilstand eller rekvisitter endres, vil rest sammenligne det gjengitte elementet med tidligere gjengitt DOM og vil oppdatere den faktiske DOM hvis det er nødvendig. Denne prosessen er kjent som forsoning.

---

49) Hvordan kan du gjengi en komponent uten å bruke funksjonen setState()?

Du kan bruke forceUpdate()-funksjonen for å gjengi en hvilken som helst komponent.

---

50) Kan du oppdatere rekvisitter i reaksjon?

Du kan ikke oppdatere rekvisitter i react js fordi rekvisitter er skrivebeskyttet. Dessuten kan du ikke endre rekvisitter mottatt fra forelder til barn.

---

51) Forklar begrepet "Restrukturering."

Omstilling er utvinningsprosess av matrise gjenstander. Når prosessen er fullført, kan du skille hvert objekt i en separat variabel.

---

52) Kan du oppdatere verdiene til rekvisitter?

Det er ikke mulig å oppdatere verdien av rekvisitter da den er uforanderlig.

---

53) Forklar betydningen av montering og demontering

• Prosessen med å feste elementet til DCOM kalles montering.
• Prosessen med å løsne elementet fra DCOM kalles demonteringsprosessen.

---

54) Hva er bruken av 'prop-types' bibliotek?

'Prop-types'-biblioteket lar deg utføre kjøretidstypekontroll for rekvisitter og lignende objekter i en nylig applikasjon.

---

55) Forklar reaksjonskroker

React hooks lar deg bruke State og andre React-funksjoner uten å skrive en klasse.

---

56) Hva er fragmenter?

Du kan bruke fragment nøkkelord for å gruppere en liste over underordnede komponenter uten å bruke noen ekstra noder til DOM. For eksempel:

render() {

return (
);
}

---

57) Hva er hovedforskjellen mellom createElement og cloneElment?

• createElement brukes av react for å lage react-elementer.
• cloneElement brukes til å klone et element og gi det nye rekvisitter.

---

58) Hva er kontrollerte komponenter?

Kontrollerte komponenter er en komponent som styrer inngangselementene.

---

59) Hvorfor trenger du å bruke rekvisitter.barn?

Denne props.children lar deg sende en komponent som data til andre komponenter.

---

60) List ned noen av metodene i en react-dom-pakke

Viktige metoder for react-dom-pakker er:

• gjengi()
• hydrat()
• createPortal()
• unmountComponentAtNode()
• findDOMNode()

---

61) Hvordan kan vi gjengi serversiden i React?

Vi kan bruke reaksjonsserve for å gjøre gjengivelsen på serversiden.

---

62) Angi forskjellen mellom getInitialState() og constructor()?

Hvis du vil opprette en komponent ved å utvide 'React. Component', hjelper konstruktøren deg med å initialisere tilstanden. Men hvis du vil lage ved å bruke 'Reat.createClass.' da bør du bruke 'genInitiaState.'

---

63) Hva er refs?

Ref er et attributt til DOM-elementene. Hovedformålet med refsene er å finne DOM-elementene enkelt.

---

64) Hva er ComponentWillMount()

componentWillMount() er å foreta API-kall når komponenten er initiert og konfigurere verdiene til tilstanden. For å foreta et API-kall, bruk en HttpClient som Axios, eller vi kan bruke fetch() for å utløse AJAX-kallet.

---

65) Hvordan sende dataene i butikken?

Vi kan sende dataene til en annen komponent som skal være basert på handlingen som lagrer den overordnede komponenten.

---

66) Hvordan vil du kunne håndtere mer handling ved å bruke redux?

For å lage den samme komponenten i mer handlingsflyt, bruker vi samme funksjonalitet i ulike moduler.

---

67) Hvordan kan du søle reduksjonsrørene?

Vi kan søle redningene basert på hendelseshandlingene. Denne handlingen bør deles i separate moduler.

---

68) Nevn fem forhåndsdefinerte prototyper som brukes i React

De viktigste prototypene som brukes i React js er:

• Antall
• string
• matrise
• objekt
• element

---

69) Hva er hensikten med å bruke bindActionsCreators?

BindActionCreator hjelper deg med å binde hendelsen basert på handlingsformidleren til HTML-elementet.

---

70) Hva er REFS i React

Ref er en referanse til elementet. Det bør unngås i de fleste tilfeller. Noen ganger brukes den imidlertid når du trenger å få tilgang til DOM eller forekomst av komponenten direkte.

---

71) Kan JSX-element festes til andre JSX-komponenter?

Ja, du kan bruke vedlegg JSX-element med andre JSX-komponenter som ligner veldig på neste HTML-elementer.

---

72) Hva er den nåværende stabile versjonen av React?

Den nåværende stabile versjonen av React er versjon 17.5

---

73) Nevn en viktig funksjon i Redux arbeidsflytfunksjoner

Viktige funksjoner i Redux arbeidsflyt er:

• Tilbakestill: Hjelper deg med å tilbakestille statusen til butikken
• Tilbake: Lar deg rulle tilbake til den siste forpliktede staten
• Sweep: Alle deaktiveringshandlinger som du kan utløse ved en feiltakelse, vil bli fjernet
• Commit: Hjelper deg å gjøre gjeldende tilstand til den opprinnelige tilstanden.

---

74) Angi forskjellen mellom React JS og React Native

React JS er et grensesnitt åpen kildekode JavaScript-bibliotek som brukes til å bygge brukergrensesnitt, mens React Native, er et åpen kildekode, mobilt rammeverk som lar utviklere bruke React på plattformer som Android og iOS. Disse intervjuspørsmålene vil også hjelpe i din viva(orals)