gapurov

# Video: http://rubyhoedown2008.confreaks.com/08-chris-wanstrath-keynote.html

Hi everyone, I'm Chris Wanstrath.

When Jeremy asked me to come talk, I said yes.  Hell yes.  Immediately.  But
then I took a few moments and thought, Wait, why?  Why me?  What am I supposed
to say that's interesting?  Something about Ruby, perhaps.  Maybe the
future of it.  The future of something, at least.  That sounds
keynote-y.

gapurov

// Adds a lovely fade in of the modal
// and a gentle slide-down of the modal content
class Demo extends React.Component {
  state = { showDialog: false };
  render() {
    return (
      <div>
        <button onClick={() => this.setState({ showDialog: true })}>
          Show Dialog
        </button>

gapurov

//
//  YouTubeMusic.plist
//  BeardedSpice
//
//  Created by Vladislav Gapurov on 07/28/18
//  Copyright (c) 2013 Tyler Rhodes / Jose Falcon. All rights reserved.
//

BSStrategy = {
  version: 1,

gapurov

// finished version of https://youtu.be/yIcve5wIuAg

function add(...args) {
  function curriedAdd(...args2) {
    return add(...args, ...args2)
  }
  curriedAdd.value = args.reduce((total, current) => total + current)
  return curriedAdd
}

gapurov

# Tell system when Xcode utilities live:
sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer

# Set "opendiff" as the default mergetool globally:
git config --global merge.tool opendiff

gapurov

Python3 Virtualenv Setup

Requirements

• Python 3
• Pip 3

$ brew install python3

gapurov

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

gapurov

class MouseOverComponent extends React.Component {

  componentDidMount() {
    this.mouseMove$ = Rx.Observable.fromEvent(this.mouseDiv, "mousemove")
      .throttleTime(1000)
      .subscribe(() => console.log("throttled mouse move"));
  }
  
  componentWillUnmount() {
     this.mouseMove$.unsubscribe();

gapurov

// https://codepen.io/rachsmith/pen/yYZapV


/* HTML

<canvas id="canvas"></canvas>
<h1>Follow the mouse - with lerp</h1>

*/

gapurov

//
// Smooth scroll-to inspired by:
// http://stackoverflow.com/a/24559613/728480
//

module.exports = function (scrollTo, scrollDuration) {

	//
	// Set a default for where we're scrolling to
	//