Skip to content
This repository has been archived by the owner on Dec 8, 2020. It is now read-only.

vectordotdev/molecule

Repository files navigation

molecule

🔥 used in production at Timber.io

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

Features

  • 👫 Builds target both web and native
  • :atom: 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)

hot reloading

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)