vectordotdev / molecule Goto Github PK
View Code? Open in Web Editor NEW⚛️ – :atom: – :atom_symbol: Boilerplate for cross platform web/native react apps with electron.
Home Page: http://molecule.surge.sh/
License: Other
⚛️ – :atom: – :atom_symbol: Boilerplate for cross platform web/native react apps with electron.
Home Page: http://molecule.surge.sh/
License: Other
Seems like a good solution for env vars https://github.com/mrsteele/dotenv-webpack
This got me for a bit. I realized that I had copied over the boilerplate (but not hidden files), so none of my scripts worked that use babel-node
so added a babel item to my package.json to follow the build system around with all of the needed presets
Create react app does a nice job of detecting if a port is busy and offering to run the dev server somewhere else. I'd love to do that with molecule as well.
When initially running yarn electron
, the dev tools inspector covers half the page. As soon as a viewport resize event is triggered, it corrects itself. Subsequent reloads do not re-trigger this issue, it's only present on initial render.
I thought maybe it was due to [email protected]
, but tried rolling back to 1.4.3
and the issue is still present.
Awesome work as I mentioned already! I'm wondering how you would build a production copy for the web using this boilerplate?
This is just an idea I had for making dependencies a little more dynamic. We could tie into the default npm postinstall
script to launch a node script powered by inquirer
that asks you a series of questions about your project setup. This would work similarly to using yarn init
or yarn generate
(on react-boilerplate
). It would also function similarly to using yarn eject
from within a create-react-app
project (because the inquirer script would auto-eject after postinstall
runs).
we could...
I'm sure there's things we could add to this script, but those are the first things that came to mind (specifically the styling options, as state managers might be too complex since they'd require multiple dependencies (i.e. react-router-redux
/mobx-react-router
). But when selected, the script could basically run a yarn add --dev styled-components
as well as inject some boilerplate styled-components styles to give the user an idea of how to implement them.
I have no idea if adding dependencies via a node script is a bad idea, I can't think of any hangups that would be encountered when doing it, but that doesn't mean there aren't any. LMK your thoughts
yarn electron
just opens an blank window, tried npm start
but doesn't work either
Not sure if this is a road you want to go down @zsherman (if not feel free to close), but flow is a nice type checker that can be used on a file-by-file basis. So even if molecule ships with flow in it by default, the user doesn't have to continue using flow.
If this is something we'd like to do, I can get us setup with it. I have some experience working with flow, as we use it extensively in hedron.
Steps to reproduce:
yarn dev
yarn electron
Results:
I do not see the counter app loaded in the electron window. Instead I see my project that I previously had running on port 3000.
Windows 10 user.
npm -v
6.4.0
node -v
v8.9.1
Electron compiles to but web does not. Blank page, no error in console.
I'm stuck here...
Molecule should feature an auto-updater. I think this is a super attractive feature that might seem daunting to new electron users. Supporting it out of the box would likely be a huge selling point.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.