vectordotdev / molecule

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

molecule

🔥 used in production at Timber.io

⚛️ –  – ⚛️ Modern starter kit for React + Electron projects.

Features

• 👫 Builds target both web and native
• React
• ♻️ Redux
• 📘 Redux Saga
• 🔗 React Router
• 🔗 ♻️ React Router Redux
• 🔥 Hot reloading
• 💻 Webpack dashboard
• ⚡ Optimized webpack builds (DLL and CommonsChunks)
• 6️⃣ ES6/ES2015
• ➰ Yarn
• 💅 Styled Components
• 🃏 Testing with Jest
• 📁 Feature based structure
• 🔧 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

• jest tests
• 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
• iterate over dev dependencies instead of using explicit vendors.js
• Deployment guides
• better build logs (https://github.com/ngryman/speedracer for insp.)
• 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