sw-yx

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

sw-yx

function Calculator(inputString){
    this.tokenStream = this.lexer(inputString);
    console.log(this.tokenStream);
}
Calculator.prototype.peek = function () {
  return this.tokenStream[0] || null;
};

sw-yx

Precedence

In many card games, there are certain cards or combinations of cards that "beat" or "trump" others. For example, in poker, a straight beats a three of a kind, and a three of a kind beats a two of a kind. Likewise, in the case of ties between two similar hands, an Ace will beat a King, and so on and so forth.

Precedence in programming languages is just like this. In regards to this context, we know quite a couple different ways that this context can be set - first there's the normal way (set dynamically as method on an object), then there's the new keyword, then also call, apply and bind, and now arrow functions. But what happens if these different methods collide? For example:

fig 1

const Dog = (name, breed) => {

sw-yx

function timeDifference(current, previous) {

  const milliSecondsPerMinute = 60 * 1000
  const milliSecondsPerHour = milliSecondsPerMinute * 60
  const milliSecondsPerDay = milliSecondsPerHour * 24
  const milliSecondsPerMonth = milliSecondsPerDay * 30
  const milliSecondsPerYear = milliSecondsPerDay * 365

  const elapsed = current - previous

sw-yx

license: gpl-3.0

sw-yx

license: gpl-3.0

sw-yx

license: gpl-3.0

sw-yx

var dog = { name: "fido", age: 4 };
var cat = { name: "whiskers", age: 1 };
var cow = { name: "mootools", age: 9 };
console.log(dog); console.log(cat); console.log(cow); // can't tell which is which

console.log('dog', dog); console.log('cat', cat); console.log('cow', cow); // better

console.log('dog', dog, 'cat', cat, 'cow', cow); // better

console.log({ dog, cat, cow }); // better

sw-yx

format/rules: http://speak.reactrally.com/events/react-rally-2018

Title

React Mind, Beginner's Mind

Abstract

What is your talk about?

sw-yx

function Timer() {
  const startTime = React.useRef(performance.now());
  const [time, setTime] = React.useState(performance.now());
  React.useEffect(() => {
    const id = setTimeout(() => {
      ReactDOM.flushSync(() => {
        setTime(performance.now());
      });
    }, 2);