React / Next.js

Next.js Fundamentals

App Router, Server Components, Client Components, bestandsgebaseerde routing, layouts, pagina's

25 gespreksvragen·
Mid-Level
1

Wat is de App Router in Next.js?

Antwoord

De App Router is het nieuwe routingsysteem in Next.js 13+ gebaseerd op de app/-directory. Het vervangt de Pages Router en introduceert standaard Server Components, gedeelde layouts en een flexibeler routingmodel met bestandsconventies zoals page.tsx, layout.tsx en loading.tsx.

2

Hoe maak je een /about-route aan in de App Router?

Antwoord

In de App Router vertegenwoordigt elke map een routesegment. Om /about te maken, maak app/about/page.tsx aan. Het bestand page.tsx is vereist om een route openbaar toegankelijk te maken. Zonder dit bestand is de map slechts een padsegment zonder weergegeven pagina.

3

Wat is het standaardgedrag van componenten in de App Router?

Antwoord

In de App Router zijn alle componenten standaard Server Components. Ze worden alleen op de server uitgevoerd en sturen geen JavaScript naar de client, wat de prestaties verbetert. Om clientfuncties (hooks, events) te gebruiken, moet de 'use client'-richtlijn bovenaan het bestand worden toegevoegd.

4

Hoe maak je een dynamische route /posts/[id] aan in de App Router?

5

Waarvoor dient het bestand layout.tsx in de App Router?

+22 gespreksvragen

Beheers React / Next.js voor je volgende gesprek

Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.

Begin gratis