Creating a Reusable Frontend with React
In the previous chapter, we built an API to manage sessions, members, and to-dos. In this chapter, we will create a frontend that is capable of connecting to that API or any other you may wish to use. In addition, we’ll add styling, routing, validated data entry, and feedback via toasts.
Styling, routing, data entry, and feedback are all features that will be useful in your app and are not specific to to-dos. Therefore, at the end of this chapter, we’ll have created a frontend to which we can add a user interface with any specific functionality.
So, in this chapter, we will cover the following topics:
- Enhancing the basic React app
- Adding routing
- Enabling data entry
- Managing the app state
- Supporting toast feedback
