Question 1

Wat is het belangrijkste verschil tussen let en var in JavaScript?

Accepted Answer

let heeft een block scope terwijl var een function scope heeft. Dit betekent dat een variabele die met let is gedeclareerd alleen toegankelijk is binnen het blok waar deze is gedefinieerd (tussen accolades), terwijl var toegankelijk is in de hele functie. Dit verschil is cruciaal om bugs te vermijden die verband houden met hoisting en variabelen die buiten hun bedoelde context lekken.

Question 2

Wat is JSX in React?

Accepted Answer

JSX is een syntactische uitbreiding van JavaScript waarmee je HTML-achtige code rechtstreeks in JavaScript kunt schrijven. Het wordt door tools zoals Babel getranspileerd naar React.createElement()-functieaanroepen. JSX maakt de code leesbaarder en vergemakkelijkt het maken van UI's door logica en rendering in hetzelfde bestand te combineren.

Question 3

Wat is het basiscomponent dat wordt gebruikt om containers te maken in React Native?

Accepted Answer

De View-component is de fundamentele container in React Native, vergelijkbaar met een div in HTML. Het maakt het mogelijk om andere componenten te groeperen, stijlen toe te passen en de layout via Flexbox te beheren. Anders dan op het web gebruikt React Native View in plaats van div, omdat het moet worden vertaald naar native componenten (UIView op iOS, android.view op Android).

Question 4

Welke functie maakt het mogelijk om een state-variabele te declareren in een functionele React-component?

Accepted Answer

useState is de fundamentele hook voor het beheren van lokale state in functionele componenten. Het geeft een array terug met de huidige state-waarde en een functie om deze bij te werken. Anders dan klassecomponenten die this.state gebruiken, gebruiken functionele componenten useState voor elke onafhankelijke state-variabele.

Question 5

Wat is de native JavaScript-methode om HTTP-verzoeken te doen in React Native?

Accepted Answer

fetch is de native API die in JavaScript en React Native is ingebouwd voor het doen van HTTP-verzoeken. Het retourneert een Promise en maakt het mogelijk om GET-, POST-, PUT-, DELETE-verzoeken af te handelen zonder externe afhankelijkheden. In tegenstelling tot axios is fetch native beschikbaar zonder een pakket te installeren.

Question 6

Wat is het belangrijkste kenmerk van AsyncStorage in React Native?

Accepted Answer

AsyncStorage is een asynchroon, niet-versleuteld en persistent sleutel-waarde-opslagsysteem. Het werkt globaal in de hele app en slaat gegevens op als strings. Het is de eenvoudigste opslagoplossing die in React Native is ingebouwd, ideaal voor eenvoudige gebruikersvoorkeuren of niet-gevoelige gegevens.

Question 7

Wat is het belangrijkste verschil tussen een controlled en een uncontrolled input in React Native?

Accepted Answer

Een controlled input wordt beheerd door de React-state via de value- en onChangeText-props, wat op elk moment volledige controle over de waarde geeft. Een uncontrolled input gebruikt een ref om direct toegang te krijgen tot de waarde zonder via de React-state te gaan. Controlled inputs worden aanbevolen omdat ze realtime validatie en synchronisatie met de applicatiestate vergemakkelijken.

Question 8

Wat is de belangrijkste rol van React.memo bij de prestatie-optimalisatie van React Native?

Accepted Answer

React.memo is een Higher-Order Component die het renderresultaat van een functionele component memoïseert. Het voorkomt onnodige re-renders door de huidige props te vergelijken met de vorige (standaard een shallow comparison). Als de props niet zijn veranderd, hergebruikt React het gememoïseerde resultaat in plaats van de component opnieuw te renderen, wat de prestaties in lijsten of complexe componentbomen aanzienlijk verbetert.

Question 9

Wat is een memory leak in een React Native-applicatie?

Accepted Answer

Een memory leak treedt op wanneer objecten in het geheugen niet langer door de applicatie worden gebruikt, maar niet door de garbage collector kunnen worden vrijgegeven omdat er nog referenties naar deze objecten bestaan. In React Native gebeurt dit vaak bij niet-opgeruimde subscriptions, timers die na het unmounten nog actief zijn, of closures die verouderde referenties vasthouden. Memory leaks verslechteren de performance geleidelijk en kunnen crashes veroorzaken tijdens lange sessies.

Question 10

Wat is componentarchitectuur in een React Native-applicatie?

Accepted Answer

Componentarchitectuur houdt in dat de applicatie wordt gestructureerd in herbruikbare en onafhankelijke elementen, elk met één verantwoordelijkheid. Deze aanpak bevordert hergebruik van code, vereenvoudigt unittests en verbetert de onderhoudbaarheid. Elke component kapselt zijn eigen state, logica en presentatie in, waardoor complexe interfaces kunnen worden gebouwd uit eenvoudige, samenstelbare bouwstenen.

React Native gespreksvragen

Klaar voor je React Native gesprek?

Ontdek alle React Native-onderwerpen

JavaScript-basis

React-grondbeginselen

React Native-basisbeginselen

React Hooks

TypeScript voor React & React Native

React Native-componenten & API

Styling & Layout in React Native

Navigatie in React Native

State Management in React Native

Networking & API in React Native

Gegevenspersistentie

Formulieren & validatie

React Native-animaties

Native Modules & Bridge

Platformspecifieke code

Permissies & Device API's

Push Notifications

React Native Testing

React Native Debugging

Build & Deployment

Expo vs React Native Bare

Prestatie-optimalisatie

Geheugenbeheer

Architecture Patterns

React Native New Architecture

Best Practices voor Beveiliging

Offline-First Architecture

React Native CI/CD

Monorepo & code delen

Geavanceerde onderwerpen

App-levenscyclus & uitvoering op de achtergrond

Authenticatie en sessiebeheer

Monitoring & Crash Reporting

Beheers React Native voor je volgende gesprek