# React-Grundlagen (React Native)

> JSX, Komponenten, Props, State, Events, bedingtes Rendering, Listen & Keys

- 20 Interview-Fragen
- Junior
- [Interview-Fragen: React Native](https://sharpskill.dev/de/technologies/react-native/interviewfragen.md)

## 1. Was ist JSX in React?

**Antwort**

JSX ist eine syntaktische Erweiterung von JavaScript, die es ermöglicht, HTML-ähnlichen Code direkt in JavaScript zu schreiben. Er wird von Tools wie Babel in React.createElement()-Funktionsaufrufe transpiliert. JSX macht den Code lesbarer und erleichtert die UI-Erstellung, indem Logik und Rendering in derselben Datei kombiniert werden.

## 2. Wie bindet man einen JavaScript-Ausdruck in JSX ein?

**Antwort**

JavaScript-Ausdrücke werden in JSX eingebunden, indem man sie in einfache geschweifte Klammern setzt. Um beispielsweise eine Variable name anzuzeigen, schreibt man {name}. Diese Syntax ermöglicht das Einfügen dynamischer Werte, das Aufrufen von Funktionen oder das Auswerten von Ausdrücken direkt im Rendering der Komponente.

## 3. Was ist der Hauptunterschied zwischen einer funktionalen Komponente und einer Klassenkomponente in React?

**Antwort**

Eine funktionale Komponente ist eine einfache JavaScript-Funktion, die JSX zurückgibt, während eine Klassenkomponente React.Component erweitert und eine render()-Methode verwendet. Seit der Einführung von Hooks in React 16.8 können funktionale Komponenten state und Seiteneffekte handhaben, wodurch Klassenkomponenten in modernen Projekten weniger notwendig sind.

## 17 weitere Fragen verfügbar

- Was ist eine prop in React?
- Was ist state in React und wie unterscheidet er sich von props?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere React Native-Interviewthemen

- [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/javascript-essentials.md): 25 Fragen, Junior
- [React Native Grundlagen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/react-native-basics.md): 22 Fragen, Junior
- [React Hooks](https://sharpskill.dev/de/technologies/react-native/interviewfragen/react-hooks.md): 20 Fragen, Junior
- [TypeScript für React & React Native](https://sharpskill.dev/de/technologies/react-native/interviewfragen/typescript-for-react-native.md): 22 Fragen, Junior
- [React Native Komponenten & API](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-components-api.md): 20 Fragen, Junior
- [Styling & Layout in React Native](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-styling-layout.md): 18 Fragen, Junior
- [React Native Navigation](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-navigation.md): 22 Fragen, Mid-Level
- [React Native State Management](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-state-management.md): 24 Fragen, Mid-Level
- [Networking & API in React Native](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-networking-api.md): 20 Fragen, Mid-Level
- [Datenpersistenz](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-data-persistence.md): 20 Fragen, Mid-Level
- [Formulare & Validierung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-forms-validation.md): 18 Fragen, Mid-Level
- [React Native Animationen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-animations.md): 22 Fragen, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-native-modules.md): 20 Fragen, Mid-Level
- [Plattformspezifischer Code](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-platform-specific-code.md): 18 Fragen, Mid-Level
- [Berechtigungen & Geräte-APIs](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-permissions-apis.md): 20 Fragen, Mid-Level
- [Push Notifications](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-push-notifications.md): 18 Fragen, Mid-Level
- [React Native Testing](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-testing.md): 20 Fragen, Mid-Level
- [React Native Debugging](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-debugging.md): 18 Fragen, Mid-Level
- [Build & Deployment](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-build-deployment.md): 20 Fragen, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/de/technologies/react-native/interviewfragen/expo-vs-bare-rn.md): 18 Fragen, Mid-Level
- [Performance-Optimierung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-performance-optimization.md): 24 Fragen, Senior
- [Speicherverwaltung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-memory-management.md): 20 Fragen, Senior
- [Architecture Patterns](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-architecture-patterns.md): 22 Fragen, Senior
- [React Native New Architecture](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-new-architecture.md): 24 Fragen, Senior
- [Security Best Practices](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-security-best-practices.md): 20 Fragen, Senior
- [Offline-First Architecture](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-offline-first.md): 20 Fragen, Senior
- [React Native CI/CD](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-ci-cd.md): 20 Fragen, Senior
- [Monorepo & Code-Sharing](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-monorepo-architecture.md): 18 Fragen, Senior
- [Fortgeschrittene Themen](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-advanced-topics.md): 22 Fragen, Senior
- [App-Lebenszyklus & Hintergrundausführung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-app-lifecycle-background.md): 20 Fragen, Mid-Level
- [Authentifizierung und Sitzungsverwaltung](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-auth-session-management.md): 22 Fragen, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/de/technologies/react-native/interviewfragen/rn-monitoring-crash-reporting.md): 20 Fragen, Senior

---

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