Implementing static components
Before we start adding state to our blog application via Hooks, we are going to model the basic features of our application as static React components. Doing this means that we must deal with the static view structure of our application.
It makes sense to deal with the static structure first, as it will avoid having to move dynamic code to different components later. Furthermore, it is easier to deal only with HTML (and CSS) first—helping us get started with projects quickly. Then, we can move on to implementing dynamic code and handling state.
Doing this step by step, instead of implementing everything at once, helps us to quickly get started with new projects without having to think about too much at once, and reduces the amount of restructuring we will have to do later!
Implementing the user-related static components
We are going to start with the simplest feature in terms of static components, that is, implementing user-related...