Playing with Electron and React within TypeScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit 98e0299 Jul 4, 2017
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Second blog post... Jun 15, 2017
docs Some clean up Jul 4, 2017
src final blog tweaks Jun 16, 2017
tests Setting up Jest Jun 2, 2017
.babelrc final changes to README and update to electron Jun 3, 2017
.gitignore Initial Commit May 30, 2017 Second blog post... Jun 15, 2017
package.json Second blog post... Jun 15, 2017
tsconfig.json Initial Commit May 30, 2017
tslint.json Initial Commit May 30, 2017
webpack.config.js final blog tweaks Jun 16, 2017
webpack.tests.config.js Webpack tests May 31, 2017
yarn.lock webpack config... Jun 15, 2017

Electron To Dos App

Build Status

An experiment in creating an Electron app in TypeScript to be a ToDos app!

Developer Set Up

In order to build the code you need to have:

  • node - tested against v7.10.0 but shouldn't be overly sensitive
  • yarn

To build and run the code:

yarn install
yarn run start

Included within the repository are the configuration to work within Visual Studio Code. You should be able to build and run within the editor. The following extensions are recommended:

  • TSLint (adds real time linting of TypeScript)
  • JavaScript Standard Style (adds eal time linting via StandardJS)
  • Debugger for Chrome (allows debugging of the renderer process)
  • yarn (allows running of yarn commands within the Command Palette)

Code Structure

This is a pretty opinionated way of laying out an Electron application.

The main process entry point is src/host/main.ts. Each sepearte page is represented by a tsx file in src/gui