https://github.com/gabrielfalcao/tesla-editor
A toy project that combines React + Webpack + Electron + Monaco Editor
https://github.com/gabrielfalcao/tesla-editor
electron-builder electron-react electronjs monaco-editor react react-hooks reactjs webpack
Last synced: 4 months ago
JSON representation
A toy project that combines React + Webpack + Electron + Monaco Editor
- Host: GitHub
- URL: https://github.com/gabrielfalcao/tesla-editor
- Owner: gabrielfalcao
- Created: 2021-11-13T05:52:24.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-12T22:05:09.000Z (over 3 years ago)
- Last Synced: 2025-01-25T18:07:56.180Z (5 months ago)
- Topics: electron-builder, electron-react, electronjs, monaco-editor, react, react-hooks, reactjs, webpack
- Language: JavaScript
- Homepage:
- Size: 9.94 MB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tesla Editor
[Demo Video](https://github.com/gabrielfalcao/tesla-editor/raw/main/screencast.mp4)
A simple editor powered by [Electron](https://www.electronjs.org/), [react](https://reactjs.org/) and [Monaco Editor](https://microsoft.github.io/monaco-editor/)
* Built with [electron-webpack](https://webpack.electron.build/)
* Use [`webpack-dev-server`](https://github.com/webpack/webpack-dev-server) for development
* Hot Module Reloading for both `renderer` and `main` processes
* Auto configures [`babel-preset-env`](https://github.com/babel/babel-preset-env) based on the `electron` version
* Use [`electron-builder`](https://github.com/electron-userland/electron-builder) to package and build a distributable electron application.
## Getting Started
Simply clone down this repository, install dependencies, and get started on your application.
The use of the [yarn](https://yarnpkg.com/) package manager is **strongly** recommended, as opposed to using `npm`.
```bash
git clone [email protected]:gabrielfalcao/tesla-editor.git
cd tesla-editor
yarn
```
### Development Scripts
```bash
# run application in development mode
yarn dev
# compile source code and create webpack output
yarn compile
# `yarn compile` & create build with electron-builder
yarn dist
# `yarn compile` & create unpacked build with electron-builder
yarn dist:dir
```
----
Based on the excellent [electron-react-boilerplate](https://github.com/electron-react-boilerplate/electron-react-boilerplate).