- Courses
- Tutorials
- Practice
- Jobs
Advanced Forms & Mutations in Next.js
Question 1
What is the primary advantage of using React Hook Form over manually handling forms in React?
- A
It automatically writes CSS for forms
- B
It reduces boilerplate by simplifying form state and validation
- C
It removes the need for
useStatein the application - D
It only works with class components
Question 2
In React Hook Form, what happens if a required field is left empty during submission?
- A
The form submits normally
- B
The entire app crashes
- C
An error message is triggered
- D
The field is automatically filled with a default value
Question 3
What is the purpose of the "use server" directive in Next.js?
- A
To mark a function for client-side execution
- B
To specify that a function runs only once
- C
To designate a function as a server action
- D
To enable React state management
Question 4
Which statement best differentiates React Hook Form from Server Actions in Next.js?
- A
Both are used for state management only
- B
React Hook Form handles form validation on the client, while Server Actions securely process data on the server
- C
React Hook Form is for routing, while Server Actions are for styling
- D
Both are limited to TypeScript-only projects
Question 5
What is the primary purpose of the revalidatePath function in Next.js?
- A
To delete cookies on the client side
- B
To re-render the UI instantly without caching
- C
To manually revalidate cached content of a page or layout
- D
To validate form inputs before submission
Question 6
Which optional parameter can be passed to revalidatePath to define what is being revalidated?
- A
'form' or 'state'
- B
'page' or 'layout'
- C
'cookie' or 'session'
- D
'server' or 'client'
Question 7
In Next.js, which components have direct access to the cookies() function?
- A
Client Components only
- B
Both Client and Server Components
- C
Middleware only
- D
Server Components only
Question 8
Which cookies() method checks if a specific cookie exists?
- A
cookies().has(name)
- B
cookies().exists(name)
- C
cookies().check(name)
- D
cookies().getAll(name)
Question 9
What is the main goal of adding form validation in Next.js?
- A
To improve the speed of API routes
- B
To ensure accuracy and validity of user input
- C
To automatically create cookies for users
- D
To generate static pages dynamically
Question 10
Which statement correctly differentiates cookies, revalidatePath, and form validation in Next.js?
- A
Cookies handle caching, revalidatePath secures data, and form validation manages authentication.
- B
Cookies store small data securely, revalidatePath refreshes static pages, and form validation ensures correct user input.
- C
Cookies validate input, revalidatePath manages tokens, and form validation clears cache.
- D
Cookies and revalidatePath are both client-side only, while form validation is server-side only.
There are 10 questions to complete.