https://github.com/ibrahimduran/electron-react-ts-boilerplate
Boilerplate for developing Electron apps using TypeScript2.0 and ReactJS.
https://github.com/ibrahimduran/electron-react-ts-boilerplate
boilerplate electron reactjs typescript
Last synced: 5 months ago
JSON representation
Boilerplate for developing Electron apps using TypeScript2.0 and ReactJS.
- Host: GitHub
- URL: https://github.com/ibrahimduran/electron-react-ts-boilerplate
- Owner: ibrahimduran
- License: mit
- Created: 2016-10-23T08:48:13.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-26T19:04:27.000Z (over 9 years ago)
- Last Synced: 2025-10-19T11:56:22.026Z (8 months ago)
- Topics: boilerplate, electron, reactjs, typescript
- Language: JavaScript
- Homepage:
- Size: 209 KB
- Stars: 5
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Electron Boilerplate [](https://badge.fury.io/js/electron-react-ts-boilerplate) [](https://david-dm.org/ibrahimduran/electron-react-ts-boilerplate) [](https://david-dm.org/ibrahimduran/electron-react-ts-boilerplate?type=dev)
Boilerplate for developing Electron apps using TypeScript2.0 and ReactJS.
## Usage
1. Clone this repository:
```bash
$ git clone https://github.com/ibrahimduran/electron-react-ts-boilerplate.git
```
2. Go to repository folder:
```bash
$ cd electron-react-ts-boilerplate
```
3. Install dependencies:
```bash
$ npm install
```
4. Build demo app:
```bash
$ gulp
```
5. Run demo app:
```bash
$ npm start
```
or
```bash
$ electron .
```
## Structure
```
├── app/
│ ├── components/
│ ├── resources/
│ ├── styles/
│ └── app.tsx
├── devtools/
│ └── react/
├── .gitignore
├── gulpfile.js
├── package.json
├── tsconfig.json
├── index.pug
└── main.ts
```
#### [app/](https://github.com/ibrahimduran/electron-react-ts-boilerplate/tree/master/app)
Contains ReactJS application.
#### dist/
Output directory for build process.
#### [devtools/](https://github.com/ibrahimduran/electron-react-ts-boilerplate/tree/master/devtools)
Contains 3th party extensions for development.
#### [tsconfig.json](https://github.com/ibrahimduran/electron-react-ts-boilerplate/blob/master/tsconfig.json)
Configuration file for TypeScript project.
#### [index.pug](https://github.com/ibrahimduran/electron-react-ts-boilerplate/blob/master/index.pug)
Frontend entry point of application.
#### [main.ts](https://github.com/ibrahimduran/electron-react-ts-boilerplate/blob/master/main.ts)
Backend entry point of application.
## License
[MIT License](https://github.com/ibrahimduran/electron-react-ts-boilerplate/blob/master/LICENSE.md)