Cross-platform Desktop Application Development: Electron, Node, NW.js, and React电子书

Title Page

Copyright

Cross-platform Desktop Application Development-Electron, Node, NW.js, and React

Credits

About the Author

About the Reviewer

www.PacktPub.com

Why subscribe?

Customer Feedback

Dedication

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

Creating a Screen Capturer with NW.js, React, and Redux – Planning, Design, and Development

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

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

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