electron-starter | Electron starter project with React LESS | Frontend Framework library

by lwansbrough JavaScript Version: Current License: No License

X-Ray Key Features Code Snippets Community Discussions(9)Vulnerabilities Install Support

kandi X-RAY | electron-starter Summary

electron-starter is a JavaScript library typically used in User Interface, Frontend Framework, React, Electron applications. electron-starter has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

This is one of the simplest example with Electron. This app, "Raincast" gets weather info via API, and shows the red icon on the menu bar if it's raining. That's it.

Support

Quality

Security

License

Reuse

Support

electron-starter has a low active ecosystem.

It has 5 star(s) with 0 fork(s). There are 1 watchers for this library.

It had no major release in the last 6 months.

electron-starter has no issues reported. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of electron-starter is current.

Quality

electron-starter has no bugs reported.

Security

electron-starter has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

electron-starter does not have a standard license declared.

Check the repository for any license declaration and review the terms closely.

Without a license, all rights are reserved, and you cannot use the library in your applications.

Reuse

electron-starter releases are not available. You will need to build from source code and install.

Installation instructions are available. Examples and code snippets are not available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of electron-starter

Get all kandi verified functions for this library.

electron-starter Key Features

No Key Features are available at this moment for electron-starter.

electron-starter Examples and Code Snippets

No Code Snippets are available at this moment for electron-starter.

Community Discussions

Trending Discussions on electron-starter

Creating an installer for Electron React JS app - reactJS component doesn't load when run after install

React/Electron not loading static files located in public directory

test cafe + electron + create-react-app not loading bundle.js properly

ElectronJS React custom menu Event is not defined

How to writie Electron react app starter kit?

Create an electron create-react-app distribution with static files

How to make SQLite to work with Angular 4+, Electron and NodeJS

Using absolute path in Angular 2 + Electron

TypeScript and ReactDOM.render method doesn't accept component

QUESTION

Creating an installer for Electron React JS app - reactJS component doesn't load when run after install

Asked 2020-Oct-23 at 12:06

I am working on a new project using Electron and ReactJS. The project works fine in development mode, but I am trying to create an installer for Windows but no matter what I try and what I find on Google nothing works. I just get a blank white screen.

Below is my pacakge.json

...

ANSWER

Answered 2020-Oct-23 at 12:06

After a hell of a lot of trial and error I've managed to get it working finally.

The first thing was to change my App.js so that instead of using BrowserRouter I now use HashRouter as follows and use the history from react-router-dom

Source https://stackoverflow.com/questions/64342957

QUESTION

React/Electron not loading static files located in public directory

Asked 2020-Jul-22 at 22:56

I've built a React app that works fine on Chrome. Now I wanted to convert it into an Electron app. The assets located in the /public directory (pictures, icons, JSON files) cannot be loaded in the electron app.
The browser console displays errors while loading these files:
Failed to load resource: net::ERR_FILE_NOT_FOUND.
When I insert an asset picture from the public directory directly in the generated index.html file like

...

ANSWER

Answered 2020-Jul-11 at 16:12

i have this example, and you charge an path with "../" this example if you can enter with path don't need include ".." i hope you can resolve

Source https://stackoverflow.com/questions/62849060

QUESTION

test cafe + electron + create-react-app not loading bundle.js properly

Asked 2019-Mar-05 at 09:58

I'm running into an issue where I cannot get testcafe to load properly. It starts the testcafe service and loads the index.html file but the bundle never loads so any DOM selection fails as it is not available.

because of create-react-app, we've got a varied folder structure from the examples that I would like not to deviate from.

folder structure

...

ANSWER

Answered 2019-Mar-05 at 09:58

I created a sample React+Electron project following this guide and didn't face any issue with TestCafe integration.

I can only suppose that there is an error somewhere in configuration, so I'll appreciate it if you provide us with your project. In this case, I'll be able to research the issue in detail. Please create a separate issue on GitHub using the following form

Source https://stackoverflow.com/questions/54988921

QUESTION

ElectronJS React custom menu Event is not defined

Asked 2018-Aug-17 at 13:41

Hi I'm using ElectronJS with React trying to fire off an event whenever I click the save button on the menu in electorn js. I'm trying to listen to the event within a component, however on click of the menu item I get this error;

...

ANSWER

Answered 2018-Aug-17 at 13:41

const template = [
    {
        label: 'File',
        submenu: [
            {
                label: 'Save', accelerator: 'Cmd+S',
                click() {
                    mainWindow.webContents.send('save-hosts-file');
                }
            },
        ]
    },
];

componentDidMount() {
  ipcMain.on('save-hosts-file', (event) => {
     console.log('save file');
   });
 }

Source https://stackoverflow.com/questions/51894076

QUESTION

How to writie Electron react app starter kit?

Asked 2018-Aug-08 at 06:23

I am trying to start my new project with react and electronjs. I've already installed react-app with babel and web pack which works fine but now I am struggling to launch it with electron but without any luck :/. I looked at many articles about react and electron but there was no suggestions and real examples how to connect (react, web pack, babel, and electron) together.

electron-starter.js looks like that:

...

ANSWER

Answered 2018-Aug-04 at 23:21

I found great guideline for my question, if someone is looking for answer, check out this link - there is everything explained very well, thanks "Alex Devero"

Source https://stackoverflow.com/questions/51667742

QUESTION

Create an electron create-react-app distribution with static files

Asked 2018-Jul-21 at 16:07

What I want

I want to create a desktop app that reads in a json data file, then uses that data to render things on screen. The json data file needs to be packaged into the app

What I did

Follow an article how to use create-react-app and make it work in electron

https://medium.freecodecamp.org/building-an-electron-application-with-create-react-app-97945861647c

Where I'm stuck at

Everything I have done sofar works in the development environment. I want to make a distribution, currently using electron-builder that creates an installer so I can distribute the app

However it seems my data files are not packaged or they might are ... I honestly can't tell, but can't be accessed when running the electron app after install

The Code ...

ANSWER

Answered 2018-Jul-21 at 16:07

Well it seems the folder was packaged after all in the asar file. However you need to access the assets relatively from the apps environment variables. I managed to get it working with this.

Source https://stackoverflow.com/questions/51454335

QUESTION

How to make SQLite to work with Angular 4+, Electron and NodeJS

Asked 2018-May-01 at 17:08

I'm trying to build one small desktop app using:

Angular 4+
NodeJS
Electron
SQLite3

NodeJS will be used for scanning local user hdd and inserting specific files that are found into SQLite3 database.

I checked dozens of documentation and suggestions. Most of them suggest to use NodeJS express framework and make layer between Angular 4+ -> Express -> SQLite3.

I want to avoid using express framework because it is going to be desktop app and it is not needed at all.

What I tried and what I did:

I installed:

...

ANSWER

Answered 2017-Oct-12 at 12:23

I've just published a sample project which shows how to build a desktop app using Electron, Angular4 and Sqlite3. You can clone it here

Note I've node-gyp globally installed.

Hope it helps

Source https://stackoverflow.com/questions/46071824

QUESTION

Using absolute path in Angular 2 + Electron

Asked 2017-Jul-05 at 13:38

I started messing around with Angular 2 and Electron, and used this starter package. Everything seems to be going well, I'm even able to use the node fs package to read from a directory.

The problem I'm having is that I can't seem to be able to use an absolute path for the readdirSync() method. It only takes a relative path.

I did find this in the docs for fs that you can use the URL package to show an absolute path for readdirSync(), like so:

...

ANSWER

Answered 2017-Jul-05 at 13:38

Documentation states that URL support was introduced in v7.6.0 and is experimental. Electron uses v7.4.0, thus you can not use URL with fs yet.

Source https://stackoverflow.com/questions/44876767

QUESTION

TypeScript and ReactDOM.render method doesn't accept component

Asked 2017-Jan-27 at 15:45

TL;DR

I'm using TypeScript and React. I've defined my AppContainer.tsx component, exported it as default. I'm consuming this in the file app.ts where ReactDOM lives to render it to the targetted dom element. But there I receive the following errors (see image). Read below for more information and links to GitHub repo.

Question: What am I doing, or interpreting, wrong? From all code examples I've seen this should work - but maybe (clearly) I'm missing something. Below is more info and links to the full GitHub repo.

Environment

react 15.4.2
react-dom 15.4.2
typings: https://github.com/aredfox/electron-starter/blob/master/typings.json
tsconfig: https://github.com/aredfox/electron-starter/blob/master/tsconfig.json

Code File '/components/AppContainer.tsx' ...

ANSWER

Answered 2017-Jan-27 at 15:45

You can't use jsx/tsx syntax inside files which have ts extension.

You can either rename your file to app.tsx, or you can use React.createElement:

Source https://stackoverflow.com/questions/41897420

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install electron-starter

If you have trouble on npm install, try npm install --save-dev electron-prebuilt before that.
run npm install
run npm start to run app from CLI without building Raincast.app

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: