Code Monkey home page Code Monkey logo

electron-react's Introduction

ElectronJS + ReactJS boilerplate

A simple and clean boilerplate for Electron and react. It includes:

Usage

NodeJS v8.3.0

  • Clone the repo git clone https://github.com/tahnik/electron-react.git
  • Edit the package.json to change the name to your project name and description to your project description. Change the author as well.
  • Run npm i
  • Then run the project as described in the section below

How to

  • To run in development mode with hot reloading, open a terminal inside your project and run

    npm run dev

    This commands creates a webpack dev server which will watch and reload the bundle as you edit and will it available at https://localhost:8080. The command will also run the electron app in development mode. So it will open up devtools with React and Redux devtools initialized.

  • To build the app and test if it is working:

    npm start

    This command will compile the app in production mode and start the app. Here is you still toggle the developer tools from the menu and see if there is any errors

  • To package the app and create a distributable:

    npm run dist

    This will create a relevant distributable file. For example, if you are on Windows, it will create a .exe file in the release folder.

Contribute

Awesome! Create a new issue or do a pull request.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.