
webpack is a configuration and build tool that most of the React community has adopted over alternatives like Gulp and Grunt. Most use webpack for the configuration necessary for React development. React is Facebook’s JavaScript view framework.Ī JavaScript library for building user interfaces - ReactĪ JavaScript library for building user Īnd Electron is GitHub’s framework for building cross-platform desktop apps in JavaScript.īuild cross platform desktop apps with JavaScript, HTML, and Here’s the GitHub repo for my app.īefore we get started, let me tell you about Electron and React, and why create-react-app is such a great tool. If you’re feeling impatient, you can dive right in and look at my code. But my search for existing guides for using Electron and create-react-app together didn’t bear any fruit, so I just dove in and figured it out myself. I was drawn to the idea of using create-react-app because it hides the webpack configuration details. I’ll walk you through how I accomplished this.

I didn’t need to muck about with Webpack, or “eject” my app, either. I recently built an Electron app using create-react-app. No webpack configuration or “ejecting” necessary.
