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

At this point, we are quite ready to start with the chat application. Yet, it will be easier to grasp if we create first a static version and then extend it with the intended functionality. Nowadays, developers often do not write CSS from scratch, but reuse components of HTML/CSS frameworks such as Bootstrap. There is a framework dedicated for the Electron application--Photonkit (http://photonkit.com). This framework provides us with building blocks such as layouts, panes, sidebar, lists, buttons, forms, table, and buttons. A UI constructed of these blocks looks in the style of macOS, automatically adapted for Electron and responsive to its viewport size. Ideally, I would go with ready PhotonKit components built with React ...

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