Hands-On Design Patterns with React Native

Controlled inputs

Controlled inputs are those which handle all user input on the JavaScript side, most likely in the React state or some other state alternative (see Chapter 5, Store Patterns, for more information). This means that, as the user types, the keystrokes are remembered on both the native system level and the JavaScript level. This, of course, may be ineffective and should not be used in complicated UIs, which appear to be rare in the mobile world.

Do you remember the hello world with your name example from earlier in this chapter? This is a perfect example of controlled input. Let's see it again:

// Chapter 2_ View patterns/Example 6/src/TextInputExample.jsexport default class TextInputExample extends React.Component {    state  ...