Just one of the things I'm learning. https://github.com/hchiam/learning
Electron lets you build native desktop apps with web technologies (JS, HTML, CSS, Node.js, etc).
Main code flow: main.js -> index.html -> renderer.js
package.json- Points to app's main file and lists details and dependencies.main.js- Starts app and creates browser window to render HTML. The app's main process.index.html- Web page to render. The app's renderer process.
npm install
npm startOr if you prefer yarn instead:
yarn
yarn startPrices example (API calls) in the prices-example folder.
https://github.com/hchiam/electron-test
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm starthttps://github.com/hchiam/anonymous-input
https://github.com/electron/electron-quick-start
https://electronjs.org/docs/tutorial/first-app
https://github.com/electron/electron-api-demos
https://github.com/electron/simple-samples
https://electronjs.org/community#boilerplates
- src/
electron-starter.js:mainWindow,createWindow, andapp.onevent listeners - src/
index.js->AppfromApp.js->render()
https://github.com/electron-react-boilerplate/electron-react-boilerplate
- app/
main.dev.js:mainWindow,createWindow, andapp.onevent listeners - app/
index.js->Rootfrom app/containers/Root.js->Routesfrom app/Routes.js-> containers/HomePage.js, containers/CounterPage.js, app/containers/App.js-> app/components/Home.js, app/components/Counter.js, app/actions/counter.js