{"id":25649893,"url":"https://github.com/phoihos/electron-react-ts-vscode-template","last_synced_at":"2026-04-13T01:35:28.965Z","repository":{"id":37181114,"uuid":"248167819","full_name":"phoihos/electron-react-ts-vscode-template","owner":"phoihos","description":"A React-based Electron template project written with Typescript for VS Code's users","archived":false,"fork":false,"pushed_at":"2023-03-15T07:17:31.000Z","size":3914,"stargazers_count":3,"open_issues_count":4,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-02T09:12:44.184Z","etag":null,"topics":["boilerplate","electron","react","template-project","typescript","vscode"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/phoihos.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-18T07:41:30.000Z","updated_at":"2023-08-28T15:12:00.000Z","dependencies_parsed_at":"2025-02-23T14:47:00.289Z","dependency_job_id":null,"html_url":"https://github.com/phoihos/electron-react-ts-vscode-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/phoihos/electron-react-ts-vscode-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Felectron-react-ts-vscode-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Felectron-react-ts-vscode-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Felectron-react-ts-vscode-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Felectron-react-ts-vscode-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/phoihos","download_url":"https://codeload.github.com/phoihos/electron-react-ts-vscode-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Felectron-react-ts-vscode-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31736723,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-12T22:19:12.206Z","status":"ssl_error","status_checked_at":"2026-04-12T22:18:33.088Z","response_time":58,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","electron","react","template-project","typescript","vscode"],"created_at":"2025-02-23T14:35:15.894Z","updated_at":"2026-04-13T01:35:28.947Z","avatar_url":"https://github.com/phoihos.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# electron-react-ts-vscode-template\n\n**Clone and run for a quick way to see Electron in action.**\n\nThis is a React-based Electron application based on the [Quick Start Guide](http://electron.atom.io/docs/tutorial/quick-start) within the Electron documentation and the [Create React App](https://github.com/facebook/create-react-app) repository.\n\n**Use this app along with the [Electron API Demos](http://electron.atom.io/#get-started) app for API code examples and the [React Docs](https://reactjs.org/docs/getting-started.html) page to help you get started.**\n\nA React-based Electron application needs just these files:\n\n- `./package.json` - Points to the app's main file and lists its details and dependencies.\n- `./src/electron.ts` - Starts the app and creates a browser window to render HTML. This is the app's **main process**.\n- `./public/index.html` - A web page to render. This is the app's **renderer process**.\n- `./src/index.tsx` - This is the javascript file corresponding to `./public/index.html`.\n- `./src/components/app/App.tsx` - This is the file for App Component. App Component is the main component in React which acts as a container for all other components.\n\nYou can learn more about each of these components within the [Electron Quick Start Guide](http://electron.atom.io/docs/tutorial/quick-start) and [CRA Folder Structure](https://create-react-app.dev/docs/folder-structure).\n\n## Getting Started\n\n1. Make sure you're running the latest version of VS Code.\n2. ~~Also make sure the latest version of the [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) extension is installed in VS Code.~~\n   - Debugger for Chrome extension has been deprecated as Visual Studio Code now has a [bundled JavaScript Debugger](https://github.com/microsoft/vscode-js-debug) that covers the same functionality.\n3. To clone and run this repository you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:\n    \u003e\n    ```shell\n    # Clone this repository\n    git clone https://github.com/phoihos/electron-react-ts-vscode-template.git\n    # Go into the repository directory\n    cd electron-react-ts-vscode-template\n    # Install dependencies\n    npm install\n    # Run VS Code on the repository directory\n    code .\n    ```\n\nNote: If you're using Linux Bash for Windows, [see this guide](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.\n\n## Debugging\n\n1. Go to the Run view and select **'Run Electron App'** or press \u003ckbd\u003eF5\u003c/kbd\u003e key to start debugging.\n2. Set breakpoints in any of the files.\n\nNote: The breakpoint in the **renderer process** will not be hit immediately while Chrome Debugger attaching to Electron App. If you know about solving this issue, please open an issue on [Github](https://github.com/phoihos/electron-react-ts-vscode-template/issues).\n\n## License\n\n[CC0 1.0 (Public Domain)](LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphoihos%2Felectron-react-ts-vscode-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphoihos%2Felectron-react-ts-vscode-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphoihos%2Felectron-react-ts-vscode-template/lists"}