Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

electron-react-app

thangngoc8918MIT0.0.2

Boilerplate and tooling for Electron application development with React

react, reactjs, webpack, babel, es6, es2015, jsx, redux, react-router, electron, template, templates, boilerplate, scarrold, scaffolding

readme

React App SDK  

CLI tools and templates for authoring React applications with a single dev dependency and zero build/run configuration.

TL;DR

$ npm install -g react-app
$ react-app new
$ react-app run

See demo, docs  |  Join #react-app chat on Gitter to stay up to date  |  Follow us on Twitter  |  Send feedback to @koistya

Features

    ✓ Zero-configuration, no build scripts, just one development dependency (see package.json)
    ✓ Modern JavaScript syntax (ES2015+) via Babel or TypeScript (planned), modern CSS syntax via PostCSS
    ✓ Component-based UI architecture via React, Webpack and CSS Modules
    ✓ Application state management /w time-travel debugging via Redux (see main.js, core/store.js)
    ✓ Routing and navigation via path-to-regexp and history (see main.js, core/router.js, utils/routes-loader.js)
    ✓ Code-splitting and async chunk loading via Webpack and ES6 System.import()
    ✓ Cross-device testing with Browsersync /w Hot Module Replacement (HMR) and React Hot Loader
    ✓ 24/7 community support on Gitter and SO; consulting and customization requests on Codementor or Skype

Requirements

  • MAC OS X, Windows, or Linux
  • Node.js v6 or newer

Getting Started

Install react-app npm package globally.

$ npm install -g react-app

Scaffold a new JavaScript application project and launch it by running:

$ react-app new
$ react-app run

The app should become available at http://localhost:3000

For more information visit /templates/app

How to Customize

Coming soon...

Escape Hatch

If you’re a power user and you aren’t happy with the default configuration, you can always fork react-app repository, customize it and use it instead of of the original react-app-tools npm module. For example (package.json):

{
  "private": true,
  "dependencies": {
    "react": "^15.2.1",
    "react-app": "^1.1.1",
    "react-dom": "^15.2.1"
  },
  "devDependencies": {
    "react-app-tools": "git+https://github.com/<username>/react-app.git",
  },
  "scripts": {
    "build": "react-app build",
    "start": "react-app run",
  }
}

Contribute

Help shape the future of React App SDK by joining our community today, check out the open issues, submit new feature ideas and bug reports, send us pull requests!

Support

License

Copyright © 2016-present Kriasoft, LLC. This source code is licensed under the MIT license found in the LICENSE.txt file.


Made with ♥ by Konstantin Tarkus (@koistya) and contributors

changelog

Change Log

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog and this project adheres to Semantic Versioning.

[0.0.8] - 2016.08.26

Changed

  • [Webpack] HardSourceWebpackPlugin uses different cache folder for dev and prod mode

[0.0.7] - 2016.08.25

Changed

  • [Webpack] HardSourceWebpackPlugin's cache should be invalided if config.js changed

0.0.6 - 2016.08.25

Added

  • [Template] Build and pack your application with electron-builder

    Changed

  • Move config.js to the right location. Use it to override your config (eg: Webpack config)

0.0.5 - 2016.08-24

Added

  • [Webpack] Load global css with file extension .global.css

0.0.4 - 2016.08.24

Changed

  • [Webpack] Babel loader was applied for all files in src/folder

0.0.3 - 2016-08-24

Changed

  • Use find-cache-dir folder instead of OS' temp folder
  • Clean up template

0.0.2 - 2016-08-23

Changed

  • CLI electron-react-app should correctly install electron-react-app-scripts on new command

0.0.1 - 2016-08-23

  • Forked and Initial release