We need to display the current weather information, where <div>current weather</div> is located. In order to achieve this, you need to build a component that will be responsible for displaying the weather data.
The reason behind creating a separate component is an architectural best practice that is codified in the Model-View-ViewModel (MVVM) design pattern. You may have heard of the Model-View-Controller (MVC) pattern before. Vast majority of web-based code written circa 2005-2015 has been written following the MVC pattern. MVVM differs, in important ways, from the MVC pattern. As I have explained in my 2013 article on DevPro:
[An effective implementation of MVVM] inherently enforces proper separation of concerns. ...
