Lo–Fi Wireframes
Wireframes are essential for creating digital platforms, but not everyone understands their functionality. Technically, they are the bridge between information and product design. That is, it is a visual guide that reflects both the structure defined in the content map and the interface design decisions.
UI to development
As a developer too, there are a lot of details to work on while building it in the layout (HTML/CSS) and the components as in ReactJS, or the routes from the Back–end.
The below illustrates how a hybrid person or Unicorn profile (Designer & Developer) might think in this case.
First, all activities were considered and defined as a simple MVP for the launch of the product prototype.
Then, I prefer to start with organize the elements and files of folder, defined the models, routes and components that will use, and then start with the markup first. This can help in writing semantic elements before going into the design and CSS details.