# React-grondbeginselen (React Native)

> JSX, componenten, props, state, events, voorwaardelijke rendering, lijsten en keys

- 20 gespreksvragen
- Junior
- [Gespreksvragen: React Native](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen.md)

## 1. Wat is JSX in React?

**Antwoord**

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.

## 2. Hoe neem je een JavaScript-expressie op in JSX?

**Antwoord**

JavaScript-expressies worden in JSX opgenomen door ze tussen enkele accolades te plaatsen. Om bijvoorbeeld een variabele name weer te geven, schrijf je {name}. Met deze syntaxis kun je dynamische waarden injecteren, functies aanroepen of expressies rechtstreeks evalueren in de rendering van de component.

## 3. Wat is het belangrijkste verschil tussen een functionele component en een class component in React?

**Antwoord**

Een functionele component is een eenvoudige JavaScript-functie die JSX teruggeeft, terwijl een class component React.Component uitbreidt en een render()-methode gebruikt. Sinds de introductie van Hooks in React 16.8 kunnen functionele componenten state en side effects afhandelen, waardoor class components in moderne projecten minder nodig zijn.

## Nog 17 vragen beschikbaar

- Wat is een prop in React?
- Wat is state in React en hoe verschilt het van props?

Meld je gratis aan: https://sharpskill.dev/nl/login

## Andere React Native-sollicitatieonderwerpen

- [JavaScript-basis](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/javascript-essentials.md): 25 vragen, Junior
- [React Native-basisbeginselen](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/react-native-basics.md): 22 vragen, Junior
- [React Hooks](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/react-hooks.md): 20 vragen, Junior
- [TypeScript voor React & React Native](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/typescript-for-react-native.md): 22 vragen, Junior
- [React Native-componenten & API](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-components-api.md): 20 vragen, Junior
- [Styling & Layout in React Native](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-styling-layout.md): 18 vragen, Junior
- [Navigatie in React Native](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-navigation.md): 22 vragen, Mid-Level
- [State Management in React Native](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-state-management.md): 24 vragen, Mid-Level
- [Networking & API in React Native](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-networking-api.md): 20 vragen, Mid-Level
- [Gegevenspersistentie](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-data-persistence.md): 20 vragen, Mid-Level
- [Formulieren & validatie](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-forms-validation.md): 18 vragen, Mid-Level
- [React Native-animaties](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-animations.md): 22 vragen, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-native-modules.md): 20 vragen, Mid-Level
- [Platformspecifieke code](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-platform-specific-code.md): 18 vragen, Mid-Level
- [Permissies & Device API's](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-permissions-apis.md): 20 vragen, Mid-Level
- [Push Notifications](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-push-notifications.md): 18 vragen, Mid-Level
- [React Native Testing](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-testing.md): 20 vragen, Mid-Level
- [React Native Debugging](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-debugging.md): 18 vragen, Mid-Level
- [Build & Deployment](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-build-deployment.md): 20 vragen, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/expo-vs-bare-rn.md): 18 vragen, Mid-Level
- [Prestatie-optimalisatie](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-performance-optimization.md): 24 vragen, Senior
- [Geheugenbeheer](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-memory-management.md): 20 vragen, Senior
- [Architecture Patterns](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-architecture-patterns.md): 22 vragen, Senior
- [React Native New Architecture](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-new-architecture.md): 24 vragen, Senior
- [Best Practices voor Beveiliging](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-security-best-practices.md): 20 vragen, Senior
- [Offline-First Architecture](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-offline-first.md): 20 vragen, Senior
- [React Native CI/CD](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-ci-cd.md): 20 vragen, Senior
- [Monorepo & code delen](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-monorepo-architecture.md): 18 vragen, Senior
- [Geavanceerde onderwerpen](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-advanced-topics.md): 22 vragen, Senior
- [App-levenscyclus & uitvoering op de achtergrond](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-app-lifecycle-background.md): 20 vragen, Mid-Level
- [Authenticatie en sessiebeheer](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-auth-session-management.md): 22 vragen, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/rn-monitoring-crash-reporting.md): 20 vragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/nl/technologies/react-native/sollicitatievragen/react-fundamentals