# Advanced React Patterns (React / Next.js) > Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters - 20 Interview-Fragen - Senior - [Interview-Fragen: React / Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen.md) ## 1. Was ist das Compound Components Pattern? **Antwort** Das Compound Components Pattern ermöglicht die Erstellung von Komponenten, die impliziten Zustand über React Context teilen, ohne Props explizit zu übergeben. Dieses Pattern wird in Bibliotheken wie Radix UI und Headless UI verwendet, um eine flexible und kombinierbare API bereitzustellen. Kindkomponenten können automatisch auf den geteilten Zustand zugreifen, was die Strukturanpassung ermöglicht, ohne die gemeinsame Logik zu verlieren. ## 2. Was ist das Prinzip des Render Props Patterns? **Antwort** Das Render Props Pattern besteht darin, eine Funktion als Prop zu übergeben, die ein React-Element zurückgibt, und ermöglicht so der Elternkomponente, ihre Logik mit der Kindkomponente zu teilen. Diese Funktion empfängt Daten oder Methoden des Elternteils als Parameter. Dieses Pattern war vor der Einführung von Hooks sehr beliebt, insbesondere mit Bibliotheken wie React Router und Downshift. ## 3. Was sind Higher-Order Components (HOC)? **Antwort** Higher-Order Components sind Funktionen, die eine Komponente als Parameter nehmen und eine neue Komponente zurückgeben, die mit zusätzlichen Props oder Verhaltensweisen angereichert ist. Dieses Pattern ermöglicht die Wiederverwendung von Logik zwischen Komponenten ohne Code-Duplikation. HOCs werden für querschnittliche Belange wie Authentifizierung, Tracking oder Berechtigungsverwaltung eingesetzt. ## 17 weitere Fragen verfügbar - Was ist der Unterschied zwischen einer kontrollierten und unkontrollierten Komponente? - Was ist das Provider Pattern? Kostenlos registrieren: https://sharpskill.dev/de/login ## Weitere React / Next.js-Interviewthemen - [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/javascript-essentials.md): 25 Fragen, Junior - [React-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-fundamentals.md): 20 Fragen, Junior - [React Hooks](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-hooks.md): 22 Fragen, Junior - [Komponentenlebenszyklus](https://sharpskill.dev/de/technologies/react-next/interviewfragen/component-lifecycle.md): 18 Fragen, Junior - [React Router](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-router.md): 20 Fragen, Junior - [Zustandsverwaltung mit Context](https://sharpskill.dev/de/technologies/react-next/interviewfragen/state-management-context.md): 18 Fragen, Junior - [Formulare & Controlled Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/forms-controlled-components.md): 20 Fragen, Mid-Level - [Datenabruf & API](https://sharpskill.dev/de/technologies/react-next/interviewfragen/fetching-data-api.md): 20 Fragen, Mid-Level - [React Query (TanStack Query)](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-query-tanstack.md): 20 Fragen, Mid-Level - [Styling & CSS-in-JS](https://sharpskill.dev/de/technologies/react-next/interviewfragen/styling-css-in-js.md): 18 Fragen, Mid-Level - [Next.js Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-fundamentals.md): 25 Fragen, Mid-Level - [TypeScript mit React](https://sharpskill.dev/de/technologies/react-next/interviewfragen/typescript-react.md): 20 Fragen, Mid-Level - [Next.js Data Fetching](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-data-fetching.md): 24 Fragen, Mid-Level - [Next.js Server Actions](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-server-actions.md): 20 Fragen, Mid-Level - [Routing & Navigation in Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-routing-navigation.md): 22 Fragen, Mid-Level - [Next.js API Routes](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-api-routes.md): 20 Fragen, Mid-Level - [Next.js Metadata & SEO](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-metadata-seo.md): 18 Fragen, Mid-Level - [Next.js Middleware & Auth](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-middleware-auth.md): 22 Fragen, Mid-Level - [React Testing](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-testing.md): 20 Fragen, Mid-Level - [Zustand State Management](https://sharpskill.dev/de/technologies/react-next/interviewfragen/zustand-state-management.md): 18 Fragen, Mid-Level - [React Performance-Optimierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-performance-optimization.md): 22 Fragen, Senior - [Error Boundaries & Error Handling](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-error-boundaries.md): 18 Fragen, Senior - [Erweiterte Next.js-Funktionen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-advanced-features.md): 24 Fragen, Senior - [Next.js Deployment & Produktion](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-deployment-production.md): 20 Fragen, Senior - [Architecture & Design Patterns](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-architecture-patterns.md): 22 Fragen, Senior - [React Server Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-server-components.md): 26 Fragen, Senior - [Next.js Internationalisierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-internationalization.md): 20 Fragen, Senior - [React Sicherheit & Best Practices](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-security-best-practices.md): 22 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-next/interviewfragen/advanced-react-patterns