What are Controlled and Uncontrolled Components in React JS? Which one to use?

Before diving right into the details, when we talk about "Controlled" and "Uncontrolled" components, it is always referring to the components which are handling forms or form inputs in them. So in ReactJS every interaction a user does is captured by ...