raasahsan / electron-react-tutorial Goto Github PK
View Code? Open in Web Editor NEWHow to use Electron, React, and webpack together.
How to use Electron, React, and webpack together.
There's a bunch of packages in this that could be updated for users only now reading the tutorial.
Hello,
I am trying to follow your tutorial in El Capitan, and npm install
command fail trying to build [email protected]
npm ERR! Darwin 15.3.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v4.4.0
npm ERR! npm v3.8.0
npm ERR! code ELIFECYCLE
npm ERR! [email protected] install: `node-gyp rebuild`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script 'node-gyp rebuild'.
do you have an idea ?
the start command in package.json
"start": "./node_modules/electron-prebuilt/dist/Electron.app/Contents/MacOS/Electron .",
fails on windows. I replaced it with
"start": "electron .",
to get it working on windows.
Hello,
what you did works, except that it took me ages to figure out the wrong versions used in your tutorial.
Anyway, there isn't production env for webpack, index.html, and it is not explained how can we compact all this into an executable without sharing the sources.
Thank you
need methods to update react component when data changed by electron layer
How to include semantic ui or bootstrap frameworks with this boilerplate ?
I keep getting this error ^
My npm version - 3.10.10
My node version - v6.11.1
My package.json file -
{
"name": "my-electron-app",
"version": "0.1.0",
"main": "main.js",
"devDependencies": {
"babel": "^6.5.2",
"babel-core": "^6.7.7",
"babel-loader": "^6.2.4",
"css-loader": "^0.23.1",
"electron-packager": "^7.0.0",
"electron-rebuild": "^1.1.3",
"less": "^2.6.1",
"less-loader": "^2.2.3",
"node-libs-browser": "^1.0.0",
"style-loader": "^0.13.1",
"webpack": "^1.13.0",
"webpack-dev-server": "^1.14.1"
},
"dependencies": {
"electron-prebuilt": "^0.37.6",
"react": "^15.0.1"
},
"scripts": {
"start": "./node_modules/electron-prebuilt/dist/Electron .",
"watch": "./node_modules/.bin/webpack-dev-server",
"electron-rebuild": "./node_modules/.bin/electron-rebuild"
}
}
Can someone help me out?
Hi, I really like your boilerplate and I have some issues and recommendation. For the current version of Electron, we should require('electron')
and then use ES6's destructuring to import app
and BrowserWindow
. Also, loadUrl
didn't work for me, it looks like loadURL
should be used instead of loadUrl
๐
If you don't mind I would like to fork the repo and submit a pull request for you to review. Thanks for reading my issue. Cheers! ๐
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.