Using React components with Electron

In the hello world example, we manipulated the DOM directly to insert our message. However, anybody who has done web apps knows this can quickly become quite complicated. Because of this, there are many popular JavaScript libraries or frameworks that abstract DOM manipulation and provides us with tools to render HTML views on the client side in an easy and efficient way. One such library is React, which we saw in the previous chapter. Among other advantages of React is that it follows the components architecture, so our views encapsulate the logic, HTML structure, and even CSS styles and can easily be reused in multiple apps. Thanks to this, there are also many open source libraries containing React components that we can use in our apps and customize when necessary through the React props system. For this occasion, we will test the material-ui library, which provides components following the Material UI style guidelines created by Google for the Android...