Hands-On Design Patterns with React Native

React's one-way data binding

React's solution for the preceding problem starts with one-way data binding. This means that the view layer is maintained by a component and only the component can update the view. The resulting native code is computed by the component's render function and displayed to the end user. If the view layer needs to respond to the user's actions, it can only dispatch events that are handled by the component. It cannot directly change state or props.

Let's look at the following diagram, which illustrates this concept:

The App block represents the state of the native view layer. In the diagram, the components are simplified ...