iShawnWang

// Sample Usage
<template>
  <button v-track="xxxEvent" />
  <input v-track="xxxEvent" />
  <input v-track="() => new Date().getTime()" />
</template>

<script>
// v-track directive
Vue.directive("track", {

iShawnWang

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Run current script",
      "runtimeExecutable": "npx",
      "runtimeArgs": ["tsx"],
      "program": "${file}",

iShawnWang

Track Color Platte

Assign Track Color by Frequencies

Track	Color
Kick	#FF364D
Snare	#1AA1FF
Clap	#D68EA4
Open HiHat	#03C539

iShawnWang

const PROXY_STATE = Symbol('immer-proxy-state')

class State {
  srcObj
  copy
  touched
  parent

  constructor(srcObj, parent) {
    this.srcObj = srcObj

iShawnWang

const optional = (srcObj) => {
  return new Proxy(() => {}, {
    apply: () => {
      return srcObj
    },
    get: (__, prop) => {
      if (srcObj && srcObj.hasOwnProperty(prop)) {
        return optional(srcObj[prop])
      } else {
        return optional(undefined)

iShawnWang

import {ModalProvider, ModalContext, Modalman} from './Modalman'
import {useContext} from 'react'
import {Modal} from 'antd'

// App.tsx
// export default () => {
//  return <ModalProvider><App /><ModalProvider>
// }

export default () => {

iShawnWang

(function() {
    /**
     * 记录方法使用情况的类
     * @param {Array.<boolean>} umMap 初始的使用情况
     */
    var UsageManager = function(umMap) {
        this.umMap = umMap || [];
    };
    /**
     * 记录新的使用情况

iShawnWang

interface Enum {
  [id: number]: string
}

const getEnumKeys = (e: Enum) => {
  return Object.keys(e)
    .map(key => e[key])
    .filter(value => typeof value === 'string') as string[]
}

iShawnWang

Bridging Native & React for iOS & Android

js -> native

• Simple Example
• Callbacks
• Promises
• Properties

native -> js

iShawnWang

import { __RouterContext as RouterContext, RouteComponentProps } from 'react-router'
import { useContext, useMemo, useCallback } from 'react'
import qs from 'qs'
import { Location } from 'history'

interface ParsedQuery {
  [whatever: string]: any
}

export const useRouter = <T>(): RouteComponentProps<T> =>