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 → vectordotdev → molecule

vectordotdev / molecule

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

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

electronreactreduxwebpackyarnreact-routerstyled-componentsredux-sagaimmutablejshot-reload

Projects that are alternatives of or similar to molecule

Molecule
⚛️ – :atom: – ⚛️ 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:  yarn, react-router, styled-components, immutablejs
React Redux Saga Boilerplate
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
Stars: ✭ 535 (+463.16%)
Mutual labels:  react-router, styled-components, redux-saga
React Eyepetizer
react版「Eyepetizer」开眼短视频
Stars: ✭ 83 (-12.63%)
Mutual labels:  styled-components, redux-saga, immutablejs
abilitysheet
This app is ability sheet for beatmania iidx music of level 12.
Stars: ✭ 38 (-60%)
Mutual labels:  yarn, redux-saga, immutablejs
Js Stack From Scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Stars: ✭ 18,814 (+19704.21%)
Mutual labels:  yarn, react-router, immutablejs
Starter Lapis
Cutting edge starter kit
Stars: ✭ 72 (-24.21%)
Mutual labels:  react-router, redux-saga, immutablejs
Arc
React starter kit based on Atomic Design
Stars: ✭ 2,780 (+2826.32%)
Mutual labels:  react-router, styled-components, redux-saga
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
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+22.11%)
Mutual labels:  react-router, styled-components, redux-saga
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (+52.63%)
Mutual labels:  yarn, react-router, immutablejs
Registration-and-Login-using-MERN-stack
Simple Registration and Login component with MERN stack
Stars: ✭ 210 (+121.05%)
Mutual labels:  yarn, react-router
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (-23.16%)
Mutual labels:  react-router, redux-saga
rocketshoes-react-native
NetShoes Clone with React Native and Redux
Stars: ✭ 38 (-60%)
Mutual labels:  styled-components, redux-saga
coincharts
Cryptocurrency Price Chart (GDAX)
Stars: ✭ 75 (-21.05%)
Mutual labels:  styled-components, redux-saga
ts-react-boilerplate
A very opinionated (React/TypeScript/Redux/etc) frontend boilerplate
Stars: ✭ 43 (-54.74%)
Mutual labels:  yarn, react-router
Frontend
마음을 잇는 현명한 소비 '잇다'🤝
Stars: ✭ 19 (-80%)
Mutual labels:  react-router, styled-components
react-webpack2-skeleton
Get started with React with Webpack2, React-Router, Redux, Code Splitting and Server Rendering
Stars: ✭ 59 (-37.89%)
Mutual labels:  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:  yarn, react-router
razzle-template
SSR template with React, Effector, TypeScript, ReactRouter, and StyledComponents
Stars: ✭ 62 (-34.74%)
Mutual labels:  react-router, styled-components
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

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

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].