HyperTermWhat is it?

Why should I care?Who are you, anyway?

Get off my lawn.

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

Wade, the new guy

What is Hyperterm?

Electron

What is Hyperterm?

Electron

hterm

What is Hyperterm?

Electron

hterm

Socket

hterm

Socket

What is Hyperterm?

ElectronReact

hterm

Socket

What is Hyperterm?

ElectronReact

Redux

hterm

Socket

What is Hyperterm?

Electron

Redux

React <HyperTerm><Header>

<Tabs><Tab />

</Tabs></Header><Terms>

<Term /></Terms><Notifications>

<Notification /></Notifications>

</HyperTerm>

How does it work?

API• Decorate React

Elements• Provide custom

reducers

How does it work?

Application you

extendFramework

hterm

Socket

What is Hyperterm?

Electron

Redux

React <HyperTerm><Header>

<Tabs><Tab />

</Tabs></Header><Terms>

<Term /></Terms><Notifications>

<Notification /></Notifications>

</HyperTerm>

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

Just show me some code!

OK, get the code on GitHub

Fin.