![]() What is ejecting, and why do you want to avoid it?Ĭreate-react-app makes certain assumptions about a typical React setup. It hides most of the configuration and lets the developer use simple commands, such as npm start and npm run build to run and build their apps. The configuration overhead varies (more on this later), and there are many boilerplate and application generators available, but in July 2016 Facebook Incubator released a tool, create-react-app. 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.
0 Comments
Leave a Reply. |