Meet me. Meet HyperTerm, which may be your new, customizable, React and Redux-powered Terminal running on Electron.

1. HyperTerm
What is it?
Why should I care?
Who are you, anyway?
Get off my lawn.

2. Things we’ll cover
• Seriously, who are you?
• What is HyperTerm?
• How does it work?
• What could I use it for?

3. Wade, the new guy

4. What is Hyperterm?
Electron

5. What is Hyperterm?
Electron
hterm

6. What is Hyperterm?
Electron
hterm
Socket

7. hterm
Socket
What is Hyperterm?
Electron
React

8. hterm
Socket
What is Hyperterm?
Electron
React
Redux

9. hterm
Socket
What is Hyperterm?
Electron
Redux
React <HyperTerm>
<Header>
<Tabs>
<Tab />
</Tabs>
</Header>
<Terms>
<Term />
</Terms>
<Notifications>
<Notification />
</Notifications>
</HyperTerm>

10. How does it work?
API
• Decorate
React
Elements
• Provide custom
reducers

11. How does it work?
Application
you extend
Framework

12. hterm
Socket
What is Hyperterm?
Electron
Redux
React <HyperTerm>
<Header>
<Tabs>
<Tab />
</Tabs>
</Header>
<Terms>
<Term />
</Terms>
<Notifications>
<Notification />
</Notifications>
</HyperTerm>

13. hterm
Socket
What is Hyperterm?
Electron
Redux
React <HyperTerm>
<Header>
<Tabs>
<Tab />
</Tabs>
</Header>
<Terms>
<Term />
</Terms>
<Notifications>
<Notification />
</Notifications>
</HyperTerm>
>React to term
>Change display

14. Just show me some code!
OK, get the code on GitHub

15. Fin.