OGURA_Daiki hachibeeDI

## split-gate.tsx
import * as React from 'react';
import { useMemo, useContext, createContext, ReactNode } from 'react';
import { createPortal } from 'react-dom';

type Context = { portalID: string };
const PortalContext = createContext<Context>({} as any);

export function createSplitGate<T>(render: (arg: T) => ReactNode) {
  return {
    Zone: (props: Context & { children: ReactNode }) => {

## typescript-cheatsheet.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                hachibeeDI
                / typescript-cheatsheet.md
            
            
              Last active Apr 24, 2019
            
          
      View typescript-cheatsheet.md
  
    
    unknown
unknown is safe version of any.
We should consider unknowon first then any.
Union types
When would like to take multiple type as argument.

  
## listviewthrottle.tsx
/*
      <ListThrottle<string> items={strs}>
        {({renderPrevCreatives, renderNextCreatives, throttledItems}) => (
          <SomeAwesomeComponentSupportsScroll
            superHandlerCatchOnScrollTop={renderPrevCreatives}
            superHandlerCatchOnScrollEnd={renderNextCreatives}
          >
            <ul>
              {throttledItems.map(str => (
                <li>{str></li>

## multi-itertool.py
def mmp(f):
    def _m(x, prev=None):
        if prev:
            yield from prev
        yield f(x)
    return _m


def fft(f):
    def _m(x, prev=None):

## withStateToggleHOC.jsx
const withStateToggle = (name, defaultValue) => ComposedChild => (
    class Container extends Component {
        constructor (props) {
            super(props);

            this.state = {
                [name]: defaultValue
            };

            this.toggle  = this.toggle.bind(this);

## modal-pattern-hoc.jsx
import {EventEmitter} from 'events';

import React, {Component} from 'react';

import Modal from 'components/modal';


export default function WithModal (id, title, trigger) {
  return (TargetComponent, key, descriptor) => class extends Component {
    constructor() {

## debounced-action-call-middleware.js
import debounce from 'lodash.debounce';


export default function validationDebounceMiddlewareGenerator ({triggerActionTypes, validatorActionType, wait}) {

    const createValidateActionDebounced = debounce(
        dispatch => dispatch({type: validatorActionType}),
        wait
    );

## mutiproc_async.py
import asyncio
from time import sleep, time


def blocker(txt):
    sleep(3)
    return 'aaa' + txt


def async_sample(loop):

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>使い捨てパッド暗号化</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>

## rivo.coffee
ammount = process.argv[2]
each = process.argv[3]
interest = if process.argv[4] == undefined then 15.0 else process.argv[4]
interest_each_month = (interest / 12) / 100

# console.log interest_each_month
# console.log ammount * interest_each_month

i = 0
ammount = ammount - each