Contact Form (Component + HTTP)

Challenge summary

Build a React contact form that keeps fields controlled, validates input, and communicates each submission state. The challenge focuses on dependable form behavior before, during, and after an asynchronous request.

What you'll practice

• Manage name, email, and message as controlled React fields.
• Show validation feedback while keeping invalid submissions disabled.
• Prevent duplicate submissions while an asynchronous request is pending.
• Represent loading, success, and error states clearly.

What Premium unlocks

Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.