Skip to content
This repository was archived by the owner on Jun 5, 2019. It is now read-only.

Commit 578a53e

Browse files
authored
Adds docs. (#4)
1 parent 3869362 commit 578a53e

File tree

6 files changed

+186
-58
lines changed

6 files changed

+186
-58
lines changed

README.md

Lines changed: 13 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,28 @@
1-
# Electron Starter
1+
# electron-starter
22

3-
This is my own personal electron starter kit.
3+
This is a electron starter kit from some random guy on the Internet.
44

5-
I will be bikeshedding with myself. I'm going to change my mind quite a bit. You might prefer something more stable.
5+
[Check out the docs](https://skellock.github.io/electron-starter) for all the gory details.
66

7-
Still here? Ok, let's do this.
7+
### Why?
88

9-
# Test Drive
9+
I've got dozens of Electron apps started and not finished. They die before they can leave the bikeshed.
1010

11-
Want to try this out? Clone & run. There's a small sample project included.
11+
This is my attempt to fix that.
1212

13-
```sh
14-
git clone [email protected]:skellock/electron-starter.git
15-
cd electron-starter
16-
npm i
17-
npm start
18-
```
1913

20-
_Requires `node@>=8.1` and `npm@>=5.2`._
14+
### Why Not?
2115

22-
# Start Your Own Project
16+
Oh man... lots of reasons. There's other starter ones out there. That use things like WebPack, Babel, Flow, and Redux.
2317

24-
Ready to start your project?
18+
This pack o' tools is slightly off the main stream. I mean, don't get me wrong, it's not full on hipster, but does have hipster-like tendencies. It's not as far as say, `reason`, `elm`, or `purescript`. I'm not that crazy or brave yet.
2519

26-
I'm still deciding on a simple way, but there will be a script you can run.
20+
The tools in this pack do **less**. They have less config. Less API. Less plugins.
2721

28-
```sh
29-
npm run time-to-shine
30-
```
22+
I need more **less** in my life.
3123

32-
# Using
3324

34-
Your source files will live in the `src/main` and `src/renderer` directories.
25+
### License
3526

36-
To build your apps, first bundle it:
27+
MIT. A tip of the hat is always nice, but I'm more interested in hearing what you do with it.
3728

38-
```sh
39-
npm run compile
40-
```
41-
42-
Then you can `pack` a copy to see what it will look like assembled:
43-
44-
```sh
45-
npm run pack
46-
npm run dist
47-
```
48-
49-
And when you're ready to ship:
50-
51-
```sh
52-
npm run dist
53-
```
54-
55-
To create a .zip and .dmg.
56-
57-
58-
# What's Inside?
59-
60-
libs | why
61-
-----|------
62-
**react**, **react-dom** | Can't imagine doing web differently to be honest. I'm sure we will soon, but for mid-2017, this is dominating.
63-
**mobx**, **mobx-state-tree**, **mobx-react** | It brings the same things to the table as Redux, but with considerably less typing.
64-
**ramda** | Lodash/fp is also a good choice here. I like ramda because I'm comfortable with it. `pipe` for life.
65-
**typescript**, **tslint** | Such a well polished and wonderful typing system. I know this is a stepping stone to a better language, but JavaScript is really comfortable at this point. TypeScript dials the safety part in.
66-
**fuse-box** | A fantastic bundler. WebPack always rubbed me wrong. Maybe it's the config? Maybe it's the way they name things? I'm not sure. What I do know is, once I started playing with FuseBox, I was sold. I like the devs behind this too.
67-
**husky**, **lint-staged**, **prettier** | Some automation so I stop checking in crap looking code.
68-
**ava** | This is my favourite testing framework. I've tried them all. The devs behind this are very talented, helpful, and friendly.
69-
**npm-scripts-info**, **npm-run-all** | Quality-of-life utilities for npm.
70-
71-
# License
72-
73-
MIT

docs/README.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# electron-starter
2+
3+
This is my own personal electron starter kit.
4+
5+
I will be bikeshedding with myself. I'm going to change my mind quite a bit. You might prefer something more stable.
6+
7+
Still here? Ok, let's do this.
8+
9+
### License
10+
11+
MIT

docs/_sidebar.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
- [Home](/)
2+
- [Using](/using)
3+
- [The Stack](/stack)

docs/index.html

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>electron-starter - start building crap.</title>
6+
<meta name="description" content="Start building your Electron app.">
7+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
8+
<link rel="stylesheet" href="https://unpkg.com/docsify/themes/vue.css">
9+
</head>
10+
<body>
11+
<div id="app"></div>
12+
</body>
13+
<script>
14+
window.$docsify = {
15+
loadSidebar: true,
16+
subMaxLevel: 2,
17+
repo: 'skellock/electron-starter',
18+
name: 'electron-starter',
19+
coverpage: true,
20+
search: 'auto',
21+
search: [
22+
'/',
23+
'stack'
24+
]
25+
}
26+
</script>
27+
<script src="https:////unpkg.com/docsify/lib/docsify.js"></script>
28+
<script src="https:////unpkg.com/docsify/lib/plugins/search.js"></script>
29+
<script src="https:////unpkg.com/docsify/lib/plugins/emoji.js"></script>
30+
<script src="https:////unpkg.com/prismjs/components/prism-bash.js"></script>
31+
<script src="https:////unpkg.com/prismjs/components/prism-jsx.js"></script>
32+
</html>

docs/stack.md

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
# The Stack
2+
3+
Hey, so everyone has their favourites right? Here's a few of mine.
4+
5+
## Language
6+
7+
> **typescript**
8+
9+
Such a well polished and wonderful typing system. I know this is a stepping stone to a better language, but JavaScript is really comfortable at this point. TypeScript dials the safety part in.
10+
11+
12+
## Language Support
13+
14+
> **tslint**
15+
16+
A linter with a great set of rules is awesome.
17+
18+
> **husky**, **lint-staged**, **prettier**
19+
20+
Some automation so I stop checking in crap-looking code.
21+
22+
23+
## Rendering
24+
25+
> **react**, **react-dom**
26+
27+
Can't imagine doing web differently to be honest. I'm sure we will soon, but for mid-2017, this is dominating.
28+
29+
30+
## State Management
31+
32+
> **mobx**, **mobx-react**
33+
34+
It brings the same things to the table as `redux`, but with considerably less typing.
35+
36+
> **mobx-state-tree**
37+
38+
A nice little addition from the `mobx` team. It brings `redux`-like state trees, immutability, and type guarantees. Love it.
39+
40+
41+
## Utilities
42+
43+
> **ramda**
44+
45+
There's so much awesome packed in here. `pipe` for days. I'll be honest, it took me a long time get comfortable with `ramda`. Nowadays, you can pry it from my cold dead hands. PRECIOUS!!!
46+
47+
48+
## Bundler
49+
50+
> **fuse-box**
51+
52+
Yes, you read that right. Not WebPack. WebPack always rubbed me wrong. Maybe it's the config? Maybe it's the way they name things? I'm not sure.
53+
54+
What I do know is, once I started playing with FuseBox, I was sold. I like the devs behind this too.
55+
56+
57+
## Testing
58+
59+
> **ava**
60+
61+
This is my favourite testing framework. I've tried them all. The devs behind this are very talented, helpful, and friendly.
62+
63+
64+
## Compile Time Utilities
65+
66+
> **npm-scripts-info**, **npm-run-all**
67+
68+
Quality-of-life utilities for npm.
69+
70+
71+
## Docs
72+
73+
> **docsify**
74+
75+
You're reading it right now.
76+
77+
* No build-time required.
78+
* Themeable.
79+
* Drops in your `master` branch.
80+
* Supports plugins.
81+
* Hooks up to github without deployment scripts.
82+
83+
Love it.

docs/using.md

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
## Test Drive
2+
3+
Want to try this out? Clone & run. There's a small sample project included.
4+
5+
```sh
6+
git clone [email protected]:skellock/electron-starter.git
7+
cd electron-starter
8+
npm i
9+
npm start
10+
```
11+
12+
_Requires `node@>=8.1` and `npm@>=5.2`._
13+
14+
## Start Your Own Project
15+
16+
Ready to start your project?
17+
18+
I'm still deciding on a simple way, but there will be a script you can run.
19+
20+
```sh
21+
npm run time-to-shine
22+
```
23+
24+
## Building
25+
26+
To build your apps, first bundle it:
27+
28+
```sh
29+
npm run compile
30+
```
31+
32+
Then you can `pack` a copy to see what it will look like assembled:
33+
34+
```sh
35+
npm run pack
36+
```
37+
38+
And when you're ready to ship:
39+
40+
```sh
41+
npm run dist
42+
```
43+
44+
To create a .zip and .dmg in the `dist` directory.

0 commit comments

Comments
 (0)