Skip to content

Instantly share code, notes, and snippets.

View jdjuan's full-sized avatar
:octocat:

Juan Herrera jdjuan

:octocat:
341 followers · 54 following
View GitHub Profile
@jdjuan
jdjuan / mousedrag-2.js
Created February 21, 2018 15:09
const { fromEvent } = Rx.Observable;
const move$ = fromEvent(document, 'mousemove');
const log = x => console.log(x);
move$.subscribe(log);
@jdjuan
jdjuan / mousedrag-1.html
Last active February 21, 2018 15:09
<!DOCTYPE html>
<html>
<head>
<title>Hello!</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://unpkg.com/@reactivex/rxjs/dist/global/Rx.js"></script>
</head>
<body>
@jdjuan
jdjuan / mousedrag-3.js
Created February 21, 2018 15:24
import { paint } from './canvas.js';
const { fromEvent } = Rx.Observable;
const move$ = fromEvent(document, 'mousemove');
move$.subscribe(paint);
@jdjuan
jdjuan / mousedrag-4.js
Created February 21, 2018 15:37
import { paint } from './canvas.js';
const { fromEvent } = Rx.Observable;
const { skipUntil, takeUntil } = Rx.operators;
const move$ = fromEvent(document, 'mousemove');
const down$ = fromEvent(document, 'mousedown')
const up$ = fromEvent(document, 'mouseup')
const paints$ = move$.pipe(
skipUntil(down$),
@jdjuan
jdjuan / mousedrag-5.js
Created February 21, 2018 15:48
import { paint } from './canvas.js';
const { fromEvent } = Rx.Observable;
const { skipUntil, takeUntil, repeat } = Rx.operators;
const move$ = fromEvent(document, 'mousemove');
const down$ = fromEvent(document, 'mousedown')
const up$ = fromEvent(document, 'mouseup')
const paints$ = move$.pipe(
skipUntil(down$),
@jdjuan
jdjuan / mousedrag-6.js
Created February 21, 2018 18:57
import { paint } from './canvas.js';
const { fromEvent } = Rx.Observable;
const { takeUntil, mergeMap } = Rx.operators;
const move$ = fromEvent(document, 'mousemove')
const down$ = fromEvent(document, 'mousedown')
const up$ = fromEvent(document, 'mouseup')
const paints$ = down$.pipe(
mergeMap(down => move$)
@jdjuan
jdjuan / mousedrag-7.js
Created February 21, 2018 19:04
import { paint } from './canvas.js';
const { fromEvent } = Rx.Observable;
const { takeUntil, mergeMap } = Rx.operators;
const move$ = fromEvent(document, 'mousemove')
const down$ = fromEvent(document, 'mousedown')
const up$ = fromEvent(document, 'mouseup')
const paints$ = down$.pipe(
mergeMap(down => move$.pipe(takeUntil(up$)))
@jdjuan
jdjuan / meta-regimen.md
Last active June 15, 2018 22:32
Meta Regimen: How to stick to your habits

Meta Regimen

Lessons I've learned throughout the years to keep up with my habits.

1. Motivate Yourself 💪

Nothing will make you skip your habits more than the lack of motivation

  • Believe you can
  • Watch motivational videos
@jdjuan
jdjuan / crucial-conversations.md
Created November 27, 2018 02:50
Crucial Conversations Summary

Crucial Conversations

Summary

1. Prepare, 2. Speak, 3. Resist, 4. Build, 5. Decide

  1. Prepare: Purpose, Facts, Story, and start question
  2. Speak:
    1. Share the facts
  3. Tell the story, without assuming veracity
@jdjuan
jdjuan / ngcolombia-speaker.md
Last active December 16, 2018 22:38
NgColombia Speaker Guidelines

NgColombia Speaker Guidelines

We want you to be a rockstar in the stage 🔥, we want everyone calling your name euphorically and following you everywhere (not just in your social media 😜). To help you achieve it, we have defined a set of guidelines that will make you shine! Read them carefully:

1. Accessibility

First, we want everyone to be able to enjoy your talk fully:

  • ⚓️ English is not a native language in Latin America so speak slow. Despite the fact that the audience will have translation devices, strive to be as clear as possible.