:electron: Electron + Vite + React + Sass boilerplate.

Overview

electron-vite-react

awesome-vite GitHub stars GitHub issues GitHub license Required Node.JS >= 14.18.0 || >=16.0.0

English | ็ฎ€ไฝ“ไธญๆ–‡

๐Ÿ‘€ Overview

๐Ÿ“ฆ Ready out of the box
๐ŸŽฏ Based on the official template-react-ts, project structure will be familiar to you
๐ŸŒฑ Easily extendable and customizable
๐Ÿ’ช Supports Node.js API in the renderer process
๐Ÿ”ฉ Supports C/C++ native addons
๐Ÿž Debugger configuration included
๐Ÿ–ฅ Easy to implement multiple windows

๐Ÿ›ซ Quick start

npm create electron-vite

electron-vite-react.gif

๐Ÿž Debug

electron-vite-react-debug.gif

๐Ÿ“‚ Directory structure

Familiar React application structure, just with electron folder on the top ๐Ÿ˜‰
Files in this folder will be separated from your React application and built into dist/electron

โ”œโ”€โ”€ electron                  Electron-related code
โ”‚   โ”œโ”€โ”€ main                  Main-process source code
โ”‚   โ”œโ”€โ”€ preload               Preload-scripts source code
โ”‚   โ””โ”€โ”€ resources             Resources for the production build
โ”‚       โ”œโ”€โ”€ icon.icns             Icon for the application on macOS
โ”‚       โ”œโ”€โ”€ icon.ico              Icon for the application
โ”‚       โ”œโ”€โ”€ installerIcon.ico     Icon for the application installer
โ”‚       โ”œโ”€โ”€ uninstallerIcon.ico   Icon for the application uninstaller
|       โ””โ”€โ”€ iconset               
|           โ””โ”€โ”€ 256x256.png       Icon for the application on Linux
โ”‚
โ”œโ”€โ”€ release                   Generated after production build, contains executables
โ”‚   โ””โ”€โ”€ {version}
โ”‚       โ”œโ”€โ”€ {os}-unpacked     Contains unpacked application executable
โ”‚       โ””โ”€โ”€ Setup.{ext}       Installer for the application
โ”‚
โ”œโ”€โ”€ public                    Static assets
โ””โ”€โ”€ src                       Renderer source code, your React application

๐Ÿšจ Be aware

This template integrates Node.js API to the renderer process by default. If you want to follow Electron Security Concerns you might want to disable this feature. You will have to expose needed API by yourself.

To get started, remove the option as shown below. This will modify the Vite configuration and disable this feature.

# vite.config.ts

export default {
  plugins: [
-   // Use Node.js API in the Renderer-process
-   renderer({
-     nodeIntegration: true,
-   }),
  ],
}

โ” FAQ

Comments
  • Change default directories

    Change default directories

    Hey!

    I just tried the v2.1.0, and want to change the default directories for main and preload. Let's say if I want to change the directory from:

    ./electron/preload
    

    to:

    ./preload
    

    How to achieve that? Because in build version, preload doesn't load if we change the directories. Thanks in Advance.

    opened by yash1200 10
  • ๐Ÿž The value of

    ๐Ÿž The value of "process.env.NODE_ENV" is always "production"

    Appearance

    In the first line of the "watch. MJS" file, I specified process.env.NODE_ENV = 'development'

    https://github.com/caoxiemeihao/vite-react-electron/blob/e4087edffe9ec51124e3753228dda6f224a6f484/scripts/watch.mjs#L1


    But in the vite.config.mjs file, I always get "production".

    https://github.com/caoxiemeihao/vite-react-electron/blob/e4087edffe9ec51124e3753228dda6f224a6f484/scripts/vite.config.mjs#L8

    bug help wanted 
    opened by caoxiemeihao 9
  • V2.0.0

    V2.0.0

    What are the changes in v2.0.0?

    1. Based on the Vite official npm create vite command to create the react-ts template
    2. Based on the vite-plugin-electron integrated Electron

    ๐ŸŽ‰ Everything looks more natural.


    @PAXANDDOS Hey! My Bro. ๐Ÿ‘‹ I reconstructed electron-vite-react, I think v2.0.0 will be easier to use. ๐Ÿ˜„

    opened by caoxiemeihao 8
  • feat: improvement to template

    feat: improvement to template

    Description

    This PR is aimed to improve the template by updating the template to follow the official Vite + React + TS template strictly and also upgrade dependencies.

    This PR is basically a port of https://github.com/electron-vite/electron-vite-vue/pull/327

    Change list

    • Properly use the template that Vite + React + TS provided
    • Update dependencies
    • Update launch.json
    • Switch node icon to official svg
    • Add "node:" prefix to package
    • Add one more example of electron working in bowser

    What is the purpose of this pull request?

    • [X] Bug fix
    • [X] New Feature
    • [X] Documentation update
    • [X] Other
    opened by xhayper 7
  • [Help] ๆž„ๅปบๅŽๆ— ๆณ•่ฝฝๅ…ฅๆ ทๅผๆ–‡ไปถ

    [Help] ๆž„ๅปบๅŽๆ— ๆณ•่ฝฝๅ…ฅๆ ทๅผๆ–‡ไปถ

    electronๅœจๆž„ๅปบไน‹ๅŽๆ— ๆณ•ไฝฟ็”จimportๅ‡ฝๆ•ฐๅŠ ่ฝฝๅฏนๅบ”็š„ๆ ทๅผ๏ผŒๆŽงๅˆถๅฐๆฒกๆœ‰ๆŠฅ้”™

    ๆˆ‘ๅฐ่ฏ•ๅœจprodไธญๆ‰“ๅฐimport('./light/index.less');ๆ˜ฏๅฏไปฅ่Žทๅ–ๅˆฐๅฏนๅบ”็š„ๅ†…ๅฎน็š„๏ผŒไธ€ไธชๆˆๅŠŸๆ€็š„promise

    ๅœจๅผ€ๅ‘็ŽฏๅขƒไธŠๆ ทๅผๆ–‡ไปถๅฏไปฅ่ขซๆญฃๅธธๅŠ ่ฝฝ๏ผŒ ๅฎž็Žฐไธป้ข˜ๅˆ‡ๆข

    
    export async function loadTheme(type:ThemeType = theme ?? ThemeType.LIGHT) {
      // ่Žทๅ–ไธป้ข˜
      if (type === ThemeType.LIGHT) {
        // ๅŠ ่ฝฝๆ ทๅผๆ–‡ไปถ
        import('./light/index.less');
        localStorage.setItem('theme', ThemeType.LIGHT);
        document.documentElement.setAttribute('class', ThemeType.LIGHT);
      }
      if (type === ThemeType.DARK) {
        // ๅŠ ่ฝฝๆ ทๅผๆ–‡ไปถ
        import('./dark/index.less');
        localStorage.setItem('theme', ThemeType.DARK);
        document.documentElement.setAttribute('class', ThemeType.DARK);
      }
    }
    
    
    opened by QC2168 7
  • importing mongoose issues

    importing mongoose issues

    I have multiple problems trying to make my electron app work with mongoose, it's work fin in Dev mode but once I try to build it and run it i get a lot of module path errors from mongoose, if i comment this code everything work fine, how I can import mongoose without issues:

    const mongoose = require("mongoose");
    mongoose.connect("mongodb://localhost/arwa")
      .then(() => console.log("Connected to MongoDB..."))
      .catch((err) => console.log("cannot connect to MongoDB", err));
    

    image image image

    opened by tokochi 7
  • Issue in the `packaging phase`

    Issue in the `packaging phase`

    I discovered that the simple electron-vite-react app with two windows works fine in development mode, but not in "packaged mode":

    When commenting the relative part in vite.config.js :

      build: {
        rollupOptions: {
          input: {
            index: join(__dirname, 'index.html'),
            //index_A: join(__dirname, 'index_A.html'),
          },
        },
      },
    

    and in electron/main/index.ts :

    app.whenReady().then( () => {
      createMainWindow()
      //Menu.setApplicationMenu(menu)
    })
    

    both dev mode and packaged mode work fine:

    [email protected]:~/VitePlayground$ yarn run build
    yarn run v1.22.15
    $ tsc && vite build && electron-builder
    (node:21908) [DEP0025] DeprecationWarning: sys is deprecated. Use util instead.
    (Use `node --trace-deprecation ...` to show where the warning was created)
    vite v2.9.12 building for production...
    โœ“ 1 modules transformed.
    dist/electron/preload/ipcpreload.js   2.50 KiB / gzip: 0.99 KiB
    dist/electron/preload/ipcpreload.js.map 11.79 KiB
    vite v2.9.12 building for production...
    โœ“ 1 modules transformed.
    dist/electron/main/index.js   1.34 KiB / gzip: 0.77 KiB
    vite v2.9.12 building for production...
    โœ“ 36 modules transformed.
    dist/index.html           0.61 KiB
    dist/style.9f994278.css   1.46 KiB / gzip: 0.63 KiB
    dist/index.90df7efd.js    140.63 KiB / gzip: 45.34 KiB
      โ€ข electron-builder  version=23.0.3 os=5.13.0-51-generic
      โ€ข loaded configuration  file=/home/raphy/VitePlayground/electron-builder.json5
      โ€ข writing effective config  file=release/2.0.0/builder-effective-config.yaml
      โ€ข packaging       platform=linux arch=x64 electron=19.0.4 appOutDir=release/2.0.0/linux-unpacked
      โ€ข building        target=AppImage arch=x64 file=release/2.0.0/YourAppName-Linux-2.0.0.AppImage
      โ€ข application Linux category is set to default "Utility"  reason=linux.category is not set and cannot map from macOS docs=https://www.electron.build/configuration/linux
    Done in 8.18s.
    

    image

    When index_A is activated in vite.config.ts :

      build: {
        rollupOptions: {
          input: {
            index: join(__dirname, 'index.html'),
            index_A: join(__dirname, 'index_A.html'),
          },
        },
      },
    

    and the menu part is activatedin /electron/main/index.ts :

    app.whenReady().then( () => {
      createMainWindow()
      Menu.setApplicationMenu(menu)
    })
    

    the development mode works fine as before :

    [email protected]:~/VitePlayground$ yarn dev
    yarn run v1.22.15
    $ vite
    (node:22320) [DEP0025] DeprecationWarning: sys is deprecated. Use util instead.
    (Use `node --trace-deprecation ...` to show where the warning was created)
    
      vite v2.9.12 dev server running at:
    
      > Local: http://127.0.0.1:7777/
    
      ready in 215ms.
    
    vite v2.9.12 building for development...
    
    watching for file changes...
    
    build started...
    vite v2.9.12 building for development...
    
    watching for file changes...
    
    build started...
    โœ“ 1 modules transformed.
    transforming (1) electron/main/index.tsdist/electron/preload/ipcpreload.js   4.21 KiB / gzip: 1.21 KiB
    dist/electron/preload/ipcpreload.js.map 12.28 KiB
    built in 92ms.
    โœ“ 2 modules transformed.
    dist/electron/main/index.js   3.95 KiB / gzip: 1.25 KiB
    built in 92ms.
    [22373:0618/165407.120600:ERROR:gpu_memory_buffer_support_x11.cc(44)] dri3 extension not supported.
    4:54:07 PM [vite] warning: Top-level "this" will be replaced with undefined since this file is an ECMAScript module
    32 |              lineNumber: 15,
    33 |              columnNumber: 13
    34 |            }, this)
       |               ^
    35 |          }, void 0, false, {
    36 |            fileName: _jsxFileName,
    
      Plugin: vite:esbuild
      File: /home/raphy/VitePlayground/src/app/components/App.tsx
    

    image

    But the production mode, the release produced with yarn run build does not work anymore :

    [email protected]:~/VitePlayground$ yarn run build
    yarn run v1.22.15
    $ tsc && vite build && electron-builder
    (node:22549) [DEP0025] DeprecationWarning: sys is deprecated. Use util instead.
    (Use `node --trace-deprecation ...` to show where the warning was created)
    vite v2.9.12 building for production...
    โœ“ 1 modules transformed.
    dist/electron/preload/ipcpreload.js   2.50 KiB / gzip: 0.99 KiB
    dist/electron/preload/ipcpreload.js.map 11.79 KiB
    vite v2.9.12 building for production...
    โœ“ 2 modules transformed.
    dist/electron/main/index.js   2.40 KiB / gzip: 1.02 KiB
    vite v2.9.12 building for production...
    โœ“ 39 modules transformed.
    dist/index_A.html          0.67 KiB
    dist/index.html            0.67 KiB
    dist/index.2ba947a6.js     1.71 KiB / gzip: 0.75 KiB
    dist/index_A.ab7b482d.js   0.33 KiB / gzip: 0.25 KiB
    dist/style.9f994278.css    1.46 KiB / gzip: 0.63 KiB
    dist/index.8bf949c4.js     139.11 KiB / gzip: 44.69 KiB
      โ€ข electron-builder  version=23.0.3 os=5.13.0-51-generic
      โ€ข loaded configuration  file=/home/raphy/VitePlayground/electron-builder.json5
      โ€ข writing effective config  file=release/2.0.0/builder-effective-config.yaml
      โ€ข packaging       platform=linux arch=x64 electron=19.0.4 appOutDir=release/2.0.0/linux-unpacked
      โ€ข building        target=AppImage arch=x64 file=release/2.0.0/YourAppName-Linux-2.0.0.AppImage
      โ€ข application Linux category is set to default "Utility"  reason=linux.category is not set and cannot map from macOS docs=https://www.electron.build/configuration/linux
    Done in 8.11s.
    [email protected]:~/VitePlayground$ 
    
    [email protected]:~/VitePlayground/release/2.0.0$ ./YourAppName-Linux-2.0.0.AppImage 
    [22710:0618/165813.204491:ERROR:gpu_memory_buffer_support_x11.cc(44)] dri3 extension not supported.
    

    image

    I tried to modify the path also in packaged mode :

      if (app.isPackaged) {
        //WindowTypeA.loadFile(join(__dirname, '../../index_A.html'))
        WindowTypeA.loadURL(url + '/../../index_A.html')
      } else {
        WindowTypeA.loadURL(url + '/../../index_A.html')
        WindowTypeA.webContents.openDevTools()
    

    }

    But again it does not work image

    Based on what I read here: https://vitejs.dev/guide/build.html#multi-page-app the build configuration :

      build: {
        rollupOptions: {
          input: {
            index: join(__dirname, 'index.html'),
            index_A: join(__dirname, 'index_A.html'),
          },
        },
    

    seem ok

    Shouldn't be doing everyhing electron-builder ?

    The boilerplate indicated in the electron-builder DOCS : https://www.electron.build/#boilerplates electron-vite-vue , in the build phase : https://github.com/electron-vite/electron-vite-vue/blob/main/package.json#L10 uses the same steps: vite build && electron-builder

    What am I missing or / and doing wrongly in thepackaging phase ?

    Here you can find the repo, which is nothing else than the electron-vite-react app, where I added a second window, that can be opened from the menu :

    https://github.com/raphael10-collab/VitePlayground.git

    Looking forward to your kind help

    opened by raphael10-collab 7
  • With contextIsolation: true the app doesn't show up

    With contextIsolation: true the app doesn't show up

    image

    With contextIsolation: true the app doesn't show up

    image

    As described in the Electron Docs: https://www.electronjs.org/docs/latest/tutorial/context-isolation/ , contextIsolation is important for security purposes

    How to make it work with contextIsolation: true ?

    opened by raphael10-collab 7
  • Entry point is invalid and release version is not working (Windows 11)

    Entry point is invalid and release version is not working (Windows 11)

    Issue 1: The entry point is "dist-electron/main/index.js" but should be "dist-electron/electron/main/index.js" i guess? issue1

    Issue 2: Once I change the entry point I can start the application in development mode but the release version which I created with yarn build won't start. It shows the following error message:

    (node:24752) electron: Failed to load URL: file:///D:/electron-vite-react/release/2.1.0/win-unpacked/resources/app.asar/dist-electron/dist/index.html with error: ERR_FILE_NOT_FOUND
    (Use `YourAppName --trace-warnings ...` to show where the warning was created)
    
    opened by fs86 6
  • Antd compilation

    Antd compilation

    I can see that you for some reason removed the Antd. Could you please guide me how to include it again but this time vite to build it from less? Thank you

    opened by pilotak 6
  • Auto-Build binaries, True DarkMode, CustomTitleBar

    Auto-Build binaries, True DarkMode, CustomTitleBar

    Hey, thanks for this amazing project!

    I extended some things and created Vitron from it.

    Maybe you find my gitactions useful.

    • Auto-Build win, mac, linux binaries and create a release with autogenerated release-text from git commit messages
    • Auto-Build and deploy inner react app to github pages

    I also added a DarkMode Toggler, which will toggle muiTheme AND nativeTheme (incl. devtools)

    as examples I extended your electron-store example and added a Zustand-example.

    Custom Title Bar and System Tray can be activated via package.json

    You can take anything you want from there. (Would be an honor) Or ofc you guys can also join Vitron, i will give you access rights directly <3

    opened by YeonV 4
  • feat: add playwright and example test

    feat: add playwright and example test

    Add Playwright Support

    What I did

    1. ran npm init [email protected]
    2. updated their example test to fit this repository

    How you can test what I did

    1. install all the dependencies npm i
    2. run npm run build
    3. run npm run e2e

    What I'd like help on fixing:

    1. currently its required to run npm run build before running tests, it'd be nice during development to be able to rely on the vite server

    notes:

    I also notice that with the vite dev server and the electron process, the two run somewhat independenly and in certain senarios either by closing the vite dev server or the electron app, one of the processes doesn't gracefully shutdown which can be a bit of an annoyance during development.

    opened by lifeiscontent 1
  • How to use ESM modules in main process? Dynamic import broken after build

    How to use ESM modules in main process? Dynamic import broken after build

    I'm just trying to use execa in the main process with:

    import { execaCommand } from "execa"
    

    But I hit the Error [ERR_REQUIRE_ESM]: require() of ES Module issue.


    If I switch to a dynamic import:

    const { execaCommand } = await import("execa")
    

    This works fine with npm run dev, BUT breaks when building with npm run build with the following error:

    (I'm using electron-unhandled to capture the error)

    Error: ENOTDIR: not a directory, stat '/Users/johnlindquist/dev/electron-vite-react/release/2.1.0/mac-arm64/electron-vite-react.app/Contents/Resources/app.asar/dist-electron/main/node_modules/execa'
    

    Thanks for any help!

    opened by johnlindquist 14
  • Jetbrains Debugging - PhpStorm, Webstorm, etc

    Jetbrains Debugging - PhpStorm, Webstorm, etc

    Do you have any idea on how you can get the debugging for the Node side to work in phpstorm or webstorm?

    It successfully launches the program but I can't breakpoint any of the electron side.

    opened by GimpMaster 2
  • Firebase: Error (auth/network-request-failed).

    Firebase: Error (auth/network-request-failed).

    I am trying to use electron-vite-react ts template. But I have an error when I try to authenticate with firebase. I fill my credentials right,

    I use the method of SDK :

    import { signInWithEmailAndPassword } from "firebase/auth";
    
      const handleLogin = () => {
        const data = getValues();
        setIsLoading(true);
        if (data.email && data.password) {
          signInWithEmailAndPassword(auth, data.email, data.password)
            .then((cred) => {
              setIsLoading(false);
              console.log("user logged in:", cred);
            })
            .catch((err) => {
              console.log("error", err);
    // throws the error here. Firebase: Error (auth/network-request-failed)
              setIsLoading(false);
              console.log(err.message);
            });
        }
      };
    
    

    throws the error:

    Firebase: Error (auth/network-request-failed)

    I was watching the console and see the Request and response. And the server of firebase/auth validate correctly the user. But I don't get the data in the Frontend. So I would think this is a vite problem. But I don't understand how could I solve it.

    I have the repository here if you want to download it. https://github.com/ivanandresdiaz/vite-electron-firebase

    opened by ivanandresdiaz 1
  • vite static assets does not work in build

    vite static assets does not work in build

    https://vitejs.dev/guide/assets.html#importing-asset-as-url does not work in the build because URLs are not the same in dev and prod. And that's the root cause of https://github.com/electron-vite/electron-vite-react/issues/78 https://github.com/electron-vite/electron-vite-react/commit/71dd5078d99a8dacab297433de894e101307d286 is a hack to fix that.

    However,

    Something like./electron.png is actually not valid usage for vite. It's neither via public nor via dynamic import. It just happens to work in dev and prod because of the particular route of App.tsx.

    The valid way to do this in vite is to use /electron.png. But that does not work in this boilerplate because the URL is not handled correctly.

    opened by rapiz1 3
Releases(v1.0.0)
  • v1.0.0(Jun 4, 2022)

    ๐ŸŽ‰ Arch v1.0.0
    ๐ŸŽฏ Last commit | https://github.com/electron-vite/electron-vite-react/commit/0558371af68b1ed432c3269d919b971f1403e736
    ๐Ÿ”จ Thanks PR
    @caoxiemeihao @PAXANDDOS @Hacksore @CallanBi @Jungeol @samiulhsohan @awkj

    Source code(tar.gz)
    Source code(zip)
Owner
Electron โšก๏ธ Vite
๐Ÿฃ The early bird catches the worm ๐Ÿ›
Electron โšก๏ธ Vite
Electron-mirror - Electron application for Smart Mirror using React via the electron-react-boilerplate repository.

Electron-Mirror Electron application for Smart Mirror using React via the electron-react-boilerplate repository. Starting Development Start the app in

null 1 Feb 8, 2022
โšก๏ธ Super-fast electron + vite boilerplate. Support React/Vue template.

electron-vite-template Run Setup # clone the project git clone [email protected]:caoxiemeihao/electron-vite-template.git # enter the project directory c

่‰้ž‹ๆฒกๅท 641 Dec 30, 2022
โšก๏ธ Super-fast Vite + React + Antd + Electron boilerplate.

vite-react-electron English | ็ฎ€ไฝ“ไธญๆ–‡ Run Setup # clone the project git clone [email protected]:caoxiemeihao/vite-react-electron.git # enter the project di

่‰้ž‹ๆฒกๅท 641 Dec 30, 2022
Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla

Vite Electron Builder Boilerplate Vite+Electron = ?? This is a template for secure electron applications. Written following the latest safety requirem

Alex Kozack 1.5k Jan 4, 2023
Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.

Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.

Heikki Lotvonen 2 Oct 6, 2021
Electron-app - A ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript

Electron App ?? โ€A ready-to-go with a well-thought-out structure Electron app bo

Dalton Menezes 155 Dec 29, 2022
Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes.

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.

Nilanth 33 Dec 21, 2022
Chrome extension boilerplate (with React + TypeScript). Preconfigured with SASS, separated `public` directory, support multilingual

Chrome Extension Boilerplate (with React + TypeScript) Quickly build chrome extensions using TypeScript and React. 1. What's included This repository

Hieu Nguyen (Jack) 6 Aug 28, 2022
๐Ÿ“œ Barebones React/Sass/Express/TypeScript Boilerplate

?? Barebones React/Sass/Express/TypeScript Boilerplate ?? Table of Contents ?? Purpose ?? Running the Project ?? Server ?? Client ?? Styling the App ?

null 3 Dec 5, 2022
A React + Typescript + Sass boilerplate

react-boilerplate NOT MAINTAINED TODO: boards -> lists add proptypes rename to react-ts-example upgrade to redux 1.0 and react-redux 1.0 when out add

Vincent Prouillet 29 Feb 21, 2022
A boilerplate for a Koa Redux React application with Webpack, Mocha and SASS

Boilerplate for a Koa Redux React app with Webpack, Mocha, SASS, Babel, ESLint... Docs Detailed blogpost on how was this boilerplate built Good to und

Joan Boixadรณs 161 Jun 22, 2022
Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate

React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri

HackingBay 2 Jan 19, 2022
Vite-react-template: A starter for React with Typescript with the fast Vite

vite-react-template vite + react + router + ts A starter for React with Typescript with the fast Vite directory src assets components layout pages ins

์„ค์•„์•„๋น  1 Mar 22, 2022
Electron 11 + TypeScript 4.0 + Vite 2 + React 17 + Tailwind 2 + twstyled starter

Electron 11 + TypeScript 4.0 + Vite 2 + React 17 + Tailwind 2 + twstyled starter

coased 16 Nov 12, 2022
Electron-react-template - Electron React Template uses React Router and Styled Components

Electron React Template This template uses Create React App, Electron and Electr

Pedro Bzz 7 May 17, 2022
React-electron - dagimsolomon: minimalstic setup of Reactjs with electron

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 2 Jan 23, 2022
Build-electron - Use ES modules in Electron

build-electron Use ES modules in Electron now! build-electron is a simple build

Mikael Finstad 19 Dec 21, 2022
A React boilerplate with Typescript using Vite. Includes React-query, Zustand, Tailwindcss, EsLint + Prettier, Husky Commit Lint

A React boilerplate with Typescript using Vite. Includes React-query, Zustand, Tailwindcss, EsLint + Prettier, Husky Commit Lint

null 11 Dec 13, 2022
๐Ÿš€ A Vite Typescript SSR React boilerplate!

A blazingly modern web development stack. This template repo tries to achieve the minimum viable example for each of the following:

JonLuca De Caro 239 Jan 4, 2023