O'Reilly logo

Cross-platform Desktop Application Development: Electron, Node, NW.js, and React by Dmitry Sheiko

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required