Giter VIP home page Giter VIP logo

kumarryogeshh / electron-react-parcel-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
49.0 4.0 8.0 537 KB

Boilerplate code to create basic, production ready Electron app using React, Parcel application bundler.

License: MIT License

HTML 17.23% JavaScript 81.64% CSS 1.13%
reactjs electron-app electronjs electron-react electron-reactjs parcel-bundler parceljs electron-react-parcel react-parcel react-particles-js

electron-react-parcel-boilerplate's Introduction

React + Parcel + Electron = 🎉

Buy me Stars Follow Fork Follow_Twitter

Website Fork

Bolierplate code for building multi-platform, production ready desktop apps using Electron, React and Parcel.

Also contains CSS styling using Semantic-UI-CSS

Written by Yogesh.

Scripts

yarn start will start the Electron app and the React app at the same time.
yarn build will build the React app and package it along the Electron app.

Just React ?

Offcourse you can, run :

yarn react-start will start the React app at http://localhost:3000.
yarn react-build will build the React app and package it in build folder.

Read more

You can read more about it in my Medium article.

License

This code is released under the MIT License.

electron-react-parcel-boilerplate's People

Contributors

dependabot[bot] avatar kumarryogeshh avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar

Forkers

mkhstar bhnettv ottogutierrez gregoire78 zhuchunhui szhu zifichai tebazele

electron-react-parcel-boilerplate's Issues

Deprecated packages

Hi, thank you for this wonderful boilerplate! I am new to Node.js and Electron and this is very helpful!

When I ran yarn on a new git clone of the boilerplate repo, I notice many deprecation warnings, such as

[1/4] 🔍  Resolving packages...
warning babel-core > babel-register > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning babel-core > babel-runtime > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning bundlesize > brotli-size > [email protected]: The zlib module provides APIs for brotli compression/decompression starting with Node.js v10.16.0, please use it over iltorb
warning electron > electron-download > nugget > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning parcel-bundler > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning parcel-bundler > htmlnano > uncss > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning parcel-bundler > htmlnano > uncss > jsdom > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning parcel-bundler > micromatch > snapdragon > source-map-resolve > [email protected]: https://github.com/lydell/resolve-url#deprecated
warning parcel-bundler > micromatch > snapdragon > source-map-resolve > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning wait-on > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning wait-on > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning wait-on > [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
warning wait-on > joi > [email protected]: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial).
warning wait-on > joi > [email protected]: This module has moved and is now available at @hapi/topo. Please update your dependencies as this version is no longer maintained an may contain bugs and security issues.
warning wait-on > joi > topo > [email protected]: This module has moved and is now available at @hapi/hoek. Please update your dependencies as this version is no longer maintained an may contain bugs and security issues.
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...

Should we be concerned about these warnings? Will the outdated packages in package.json be updated soon?

Thank you!

Using `--target node` and `--target electron`

Hello there, your boilerplate is working great until I encountered the errors fs.existsSync is not a function and Cannot statically evaluate fs argument after trying to use another npm package. While trying to troubleshoot it, I tried to specify the Parcel targets node and electron by changing the line in package.json from

"react-start": "parcel -p 3000 index.html --out-dir build",

to

"react-start": "parcel -p 3000 index.html --out-dir build --target node",

and

"react-start": "parcel -p 3000 index.html --out-dir build --target electron",

However, running yarn start no longer launch the Electron app and no server is listening to http://localhost:3000.

What is the correct way to set the targets to node and electron?

Thank you very much!

GitHub Repo to reproduce problem:
https://github.com/nyxynyx/electron-react-parcel-boilerplate-problem

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.