thanhlmm / electron-multiple-tabs

High performance multiple tabs for Electron

Home Page:https://thanhle.blog/blog/electron-multiple-Tabs-without-dealing-with-performance

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Electron multiple tabs:

  • Implement user's familiar UX tabs - Like what chrome does
  • Hotkeys all the thing (Cmd + T for a new tab, Cmd + W to the closing current one)
  • Fast

Overview

How

Using webview under the hook to implement multiple tab Using node-ipc to make server instance comunicate

Architecture

Demo

https://www.youtube.com/watch?v=U9RA9_Imt90&ab_channel=ThanhLe

More detail

https://thanhle.blog/blog/electron-multiple-Tabs-without-dealing-with-performance

Stacks

  • Vite
  • React
  • Tailwind
  • TypeScript
  • Electron

Development

Go to vite folder

yarn
yarn dev

Then open new terminal, go to server folder

yarn
yarn dev

Build

Go to vite folder

yarn build

Then open new terminal, go to server folder

yarn package

About

High performance multiple tabs for Electron

https://thanhle.blog/blog/electron-multiple-Tabs-without-dealing-with-performance


Languages

Language:TypeScript 75.5%Language:JavaScript 18.5%Language:HTML 4.9%Language:CSS 1.2%