Skip to content

Instantly share code, notes, and snippets.

View lmiller1990's full-sized avatar

Lachlan Miller lmiller1990

1.3k followers · 10 following
View GitHub Profile
@lmiller1990
lmiller1990 / props.jsx
Created April 18, 2018 14:53
export default class Events extends React.Component {
constructor() {
/* no change */
}
handle(e) {
const evt = e
this.setState({ count: this.state.count + 1 })
console.log(`Event: `, evt)
}
@lmiller1990
lmiller1990 / handle.jsx
Created April 18, 2018 14:55
/* ... */
handle(e) {
const evt = e.nativeEvent.inputEvent
this.setState({ count: this.state.count + 1 })
console.log(`Event: `, evt)
}
/* ... */
@lmiller1990
lmiller1990 / betterHandle.jsx
Created April 18, 2018 14:56
handle(e) {
const evt = e.nativeEvent.inputEvent
if (evt.type === 'KeyboardInputEvent') {
this.setState({ count: this.state.count + 1 })
console.log(`Key pressed. \nkeyCode: ${evt.keyCode}.\nkey: ${evt.key}\neventType: ${evt.eventType}`)
}
}
@lmiller1990
lmiller1990 / maru-batsu.html
Created April 28, 2018 03:40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
</head>
<body>
<div id="app">
@lmiller1990
lmiller1990 / demo.js
Last active April 28, 2018 12:10
describe('adder', () => {
it('adds two numbers', () => {
const result = adder(1, 2)
expect(result).toBe(3)
})
})
@lmiller1990
lmiller1990 / describe.js
Created April 28, 2018 12:14
const describe = (desc, fn) => {
console.log(desc)
fn()
}
@lmiller1990
lmiller1990 / describe2.js
Last active April 28, 2018 12:18
describe('Outer', () => {
describe('inner', () => {
})
})
// Outer
// inner
@lmiller1990
lmiller1990 / it.js
Created April 28, 2018 12:20
const it = (msg, fn) => describe(' ' + msg, fn)
@lmiller1990
lmiller1990 / expect1.js
Created April 28, 2018 12:26
const expect = (value) => { return /* object with toBe property */ }
@lmiller1990
lmiller1990 / matchers.js
Created April 28, 2018 12:29
const matchers = (exp) => ({
toBe: (assertion) => {
if (exp === assertion) {
console.log('pass')
return true
} else {
console.log('fail')
return false
}
}