GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → timberio → Molecule

timberio / Molecule

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

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Labels

reactreduxwebpackelectronstyled-componentsreact-routeryarnredux-sagahot-reloadimmutablejs

Projects that are alternatives of or similar to Molecule

molecule
⚛️ –  – ⚛️ Boilerplate for cross platform web/native react apps with electron.
Stars: ✭ 95 (+0%)
Mutual labels:  yarn, react-router, styled-components, redux-saga, immutablejs, hot-reload
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (+54.74%)
Mutual labels:  webpack, immutablejs, yarn, styled-components, react-router
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (+52.63%)
Mutual labels:  webpack, immutablejs, yarn, react-router
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+22.11%)
Mutual labels:  webpack, styled-components, react-router, redux-saga
Starter Lapis
Cutting edge starter kit
Stars: ✭ 72 (-24.21%)
Mutual labels:  webpack, immutablejs, react-router, redux-saga
Js Stack From Scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Stars: ✭ 18,814 (+19704.21%)
Mutual labels:  webpack, immutablejs, yarn, react-router
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (+64.21%)
Mutual labels:  webpack, yarn, react-router
Template Rwb
A full-featured Webpack setup with hot-reload
Stars: ✭ 165 (+73.68%)
Mutual labels:  webpack, hot-reload, react-router
abilitysheet
This app is ability sheet for beatmania iidx music of level 12.
Stars: ✭ 38 (-60%)
Mutual labels:  yarn, redux-saga, immutablejs
coconat
🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3
Stars: ✭ 95 (+0%)
Mutual labels:  yarn, react-router, redux-saga
React Eyepetizer
react版「Eyepetizer」开眼短视频
Stars: ✭ 83 (-12.63%)
Mutual labels:  immutablejs, styled-components, redux-saga
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+200%)
Mutual labels:  webpack, styled-components, redux-saga
React Study
渐进式学习React生态圈
Stars: ✭ 548 (+476.84%)
Mutual labels:  webpack, react-router, redux-saga
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (+73.68%)
Mutual labels:  webpack, hot-reload, react-router
React Redux Saga Boilerplate
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
Stars: ✭ 535 (+463.16%)
Mutual labels:  styled-components, react-router, redux-saga
Soundcloud Redux
SoundCloud API client with React • Redux • Redux-Saga
Stars: ✭ 681 (+616.84%)
Mutual labels:  webpack, react-router, redux-saga
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (+48.42%)
Mutual labels:  webpack, styled-components, react-router
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+41.05%)
Mutual labels:  webpack, hot-reload, react-router
Muiscrr Boilerplate
Material-UI Styled Components React Redux boilerplate with offline mode support 🎬
Stars: ✭ 35 (-63.16%)
Mutual labels:  webpack, styled-components, react-router
React Ssr Starter
All have been introduced React environment
Stars: ✭ 20 (-78.95%)
Mutual labels:  webpack, styled-components, react-router
View All Similar Projects ➔

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

  • [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)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].