This chapter has been very text heavy so far. It's time we get our hands dirty and build a simple Om application. Since we talked about contacts before, that's what we will start with.
The main driver behind React and Om is the ability to build highly reusable, self-contained components and, as such, even in a simple Contacts application, we will have multiple components working in concert to achieve a common goal.
This is what our users should be able to do in the application:
- Display a list of contacts currently in storage
- Display the details of a given contact
- Edit the details of a specific contact
Once we're done, it will look like the following:
As mentioned previously, Om/React will eventually render the DOM based on our application state. We'll be using data that's in memory to keep the example simple...