Electron Chakra UI Starter
Boilerplate for using Chakra UI in an ElectronJS app.
- Clone the repo into a folder
- Install dependencies with
- Open two terminal windows on your folder’s path (in VSCode just press the + button on the terminal panel to open another one)
yarn watchon one terminal window (this will create the bundle with Webpack)
yarn starton the other (this will open the Electron app on your status bar)
- Refresh the app with
⌘Rto see changes in your code (PRs for implementing hot reload are welcome)
After cloning the repo run install the dependencies with
In one terminal windows or panel run first:
then in the other one terminal window run:
You’ll have to refresh the Electron app with
⌘R itself to see the changes in your code, PRs to implement hot reload are welcome.
This app runs as a status bar app with menubar, but you can change this and run it in a regular window if you want to.