https://github.com/vectordotdev/molecule

⚛️ – :atom: – :atom_symbol: Boilerplate for cross platform web/native react apps with electron.
https://github.com/vectordotdev/molecule

electron es6 hot-reload immutablejs react react-router redux redux-saga styled-components webpack yarn

Last synced: 7 days ago
JSON representation

⚛️ – :atom: – :atom_symbol: Boilerplate for cross platform web/native react apps with electron.

• Host: GitHub
• URL: https://github.com/vectordotdev/molecule
• Owner: vectordotdev
• License: other
• Archived: true
• Created: 2017-05-13T15:03:34.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-09-13T15:04:09.000Z (about 6 years ago)
• Last Synced: 2024-08-02T05:16:49.320Z (3 months ago)
• Topics: electron, es6, hot-reload, immutablejs, react, react-router, redux, redux-saga, styled-components, webpack, yarn
• Language: JavaScript
• Homepage: http://molecule.surge.sh/
• Size: 1.24 MB
• Stars: 96
• Watchers: 12
• Forks: 9
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# molecule

:fire: used in production at [Timber.io](https://timber.io)

:atom_symbol: – :atom: – :atom_symbol: Modern starter kit for React + Electron projects.

## Features

- :couple: Builds target both web and native

- :atom: React

- :recycle: Redux

- :blue_book: Redux Saga

- :link: React Router

- :link: :recycle: React Router Redux

- :fire: Hot reloading

- :computer: Webpack dashboard

- :zap: Optimized webpack builds (DLL and CommonsChunks)

- :six: ES6/ES2015

- :curly_loop: Yarn

- :nail_care: Styled Components

- :black_joker: Testing with Jest

- :file_folder: Feature based structure

- :wrench: absolute project imports `import Navigation from 'components/Navigation'`

## Getting Started

1. `yarn`

2. `yarn start`

3. `yarn electron` (different tab)

## Hot reloading in action (web & native simultaneously)



  



## TODO

- [x] jest tests

- [x] don't include node_modules in electron builds

- [ ] look into electron-builder for multi platform builds

- [ ] hot reloading sagas/reducers

- [ ] electron cross process communication (https://github.com/samiskin/redux-electron-store)

- [ ] provide stack examples + installation

- [x] iterate over dev dependencies instead of using explicit vendors.js

- [ ] Deployment guides

- [x] better build logs (https://github.com/ngryman/speedracer for insp.)

- [x] add electron react/redux devtools

## Inspiration (Major thanks to these awesome projects/contributors)

- https://github.com/mxstbr/react-boilerplate/

- https://github.com/stsiarzhanau/webpack-react-redux-starter/

- https://github.com/chentsulin/electron-react-boilerplate

- https://github.com/facebookincubator/create-react-app

- https://github.com/pbarbiero/enhanced-electron-react-boilerplate