What is the difference between controlled and uncontrolled components in React?

A controlled input is like a puppet — React holds the strings. Every keystroke flows through React state: React decides what the input shows. An uncontrolled input is like a free actor — it manages its own value in the DOM and you only check in when you need the final result (for example, when the form is submitted).