Static prototype

The chat application we styled using CSS is provided by the Photon framework. This time, we are going to use ready-made React components of the Material-UI toolkit (http://www.material-ui.com). What we get as developers is reusable units confronting Google Material Design guidelines (https://material.io/guidelines/). It ensures a good look and feel as well as providing a unified experience on different platforms and device sizes. We can install Material-UI with npm:

npm i -S material-ui 

According to Google Material Design requirements, the application shall support different devices, including mobile, where we need to handle specialized events, such as on-tap. Currently, React does not support them from the box; one has ...

Get Cross-platform Desktop Application Development: Electron, Node, NW.js, and React now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.