y-nk

;(function(m)
{
    m.abs       = function(n)
    { return n > 0 ? n : -n; };

    m.clamp     = function(n, min, max)
    { return n < min ? min : n > max ? max : n; };

    m.lerp      = function(n, n1, n2)
    { return (n1 * (1 - n)) + (n2 * n); };

y-nk

(function(m) {
  const XPR = ['lol', 'mdr', 'xptdr', 'xd', 'lolilol', 'lmao', '😂'];

  m.lol = function() {
    var arg = Array.from(arguments),
        xpr = XPR[(Math.random() * XPR.length) | 0];
    
    m.log.apply(m, [xpr].concat(arg));
  };

y-nk

import React from 'react';

import { storiesOf } from '@storybook/react';
import { withKnobs } from '@storybook/addon-knobs';


 // ===========================================================================


import deepEqual from 'fast-deep-equal';

y-nk

1. minimal install : npm i --save-dev @storybook/vue@next @storybook/addon-knobs@rc @storybook/addon-actions@rc

2. peer dependencies from storybook : npm i --save-dev babel-loader vue-loader vue-template-compiler && npm i --save vue

3. package related peer dependencies: npm i --save-dev @babel/core babel-preset-vue

4. add run script to package.json :

   "scripts" {
   +  "storybook": "start-storybook -p 9001 -c .storybook"
   },

y-nk

Keybase proof

I hereby claim:

• I am y-nk on github.
• I am y_nk (https://keybase.io/y_nk) on keybase.
• I have a public key ASBjnbaZqLpQsw3luwXWQ6gOHSrdQFqFWp2fXb73Be0nCwo

To claim this, I am signing this object:

y-nk

import { useState } from 'react'

export default (prop, value = null, context = {}) => {
    const [val, setVal] = useState(value)

    Object.defineProperty(context, prop, {
        get() { return val },
        set(val) { setVal(val) },
    })
    

y-nk

// import { isTouchEnable } from '../es6/functions.js';

/** Display autocomplete component on searches */

var Autocomplete = function(settings) {
  this.settings = {
    element: settings.element,
  }

  this.init();

y-nk

const BadGoose = ({ show }) => (show ? <div>shown!</div> : null)
                                
const App = (props) => {
  const [toggle, setToggle] = useState(true)
  
  return (<div>
    <button onClick={() => setToggle(!toggle)}>click me</div>
    <BadGoose show={toggle} />
  </div>)
}

y-nk

const BadGoose = () => (<div>shown!</div>)
                                
const App = (props) => {
  const [toggle, setToggle] = useState(true)
  
  return (<div>
    <button onClick={() => setToggle(!toggle)}>click me</div>
    { toggle ? <BadGoose /> : null }
  </div>)
}

y-nk

{
  post: {
    postId: 'postId',
    data: {
      images: [{
        postId: 'childPost',
        fileId: 'imageId',
      }]
    },
    parentId: 'parentId',