Cross-Platform Desktop Application Development · Electron, Node, NW.js, and React by Sheiko, Dmitry -- Read -- Imperial Library of Trantor

Index

Preface

What this book covers What you need for this book Who this book is for Conventions Reader feedback Customer support

Downloading the example code Downloading the color images of this book Errata Piracy Questions

Creating a File Explorer with NW.js-Planning, Designing, and Development

The application blueprint Setting up an NW.js project Node Package Manager An HTML prototype

Maintainable CSS Defining base rules Defining layouts Defining CSS variables Sticking the title bar and header Styling the title bar Styling the directory list Styling a file list Styling the footer

Fulfilling the functional requirements

Starting with ES2015 Scoping Classes The template literal Getters and setters Arrow functions Destructuring

Handling windowing actions Writing a service to navigate through directories

Unit-testing a service

Writing view modules

The DirList module Unit-testing a view module The FileList module The title bar path module

Summary

Creating a File Explorer with NW.js – Enhancement and Delivery

Internationalization and localization

Date format by country Multilingual support

Context menu System clipboard

Transferring text Transferring graphics Receiving text and graphics

Menu in the system tray Command-line options Native look and feel Source code protection Packaging Autoupdate Summary

Creating a Chat System with Electron and React – Planning, Designing, and Development

Application blueprint Electron React Electron meets React Enabling DevTools extensions Static prototype Summary

Creating a Chat System with Electron and React – Enhancement, Testing, and Delivery

Revitalizing the title bar Utilizing WebSockets Implementing chat services Bringing functionality to the components Writing unit-tests Packaging and distribution Deployment and updates Summary

Application blueprint Setting up the development environment Static prototype Comprehending redux Introducing the application state Summary

Creating a Screen Capturer with NW.js: Enhancement, Tooling, and Testing

Tooling Redux Redux DevTools Unit-testing Redux

Testing action creator Testing reducers

Taking a screenshot Recording a screencast Taking advantage of the system tray Registering global keyboard shortcuts Summary

Application blueprint Welcome to TypeScript Setting up the development environment for TypeScript

Basic types Array, plain objects, and indexable types Function type Class type Abstract classes Enum type Union and intersection types Generic type Global libraries

Creating static prototype

Setting up the development environment for the application React-MDL Creating the index.html Creating the container component Creating the TitleBar component Creating the Menu component Creating the feed component Adding custom styles with SASS

Summary

Creating RSS Aggregator with Electron, TypeScript, React, and Redux: Development

Creating a service to fetch RSS Creating a service to manage feed menu Actions and Reducers Connecting to the store Consuming store from the components Creating router service Summary