| export const makeGetSet = ({ initialValue, skipInitialCall = false }) => { | |
| let value = initialValue | |
| let subscribers = new Set() | |
| const getValue = () => value | |
| const setValue = newValue => { | |
| value = newValue | |
| subscribers.forEach(sub => { sub(newValue) }) | |
| } | |
| const subscribe = callback => { | |
| if (subscribers.has(callback) === false) { |
a phone keyboard like interface. searchable. with the best carrot in town.
effortless to put where you want and every action performed is clearly understandable what happened and be easily undoable and redoable.
drag to reorder everything. every action is clear and distinct yet cohesive.
every action fits together like Legos.
Dear Sir/Maddam, lawit
Wish you a nice day!
This is Steven from Ronta(Xiamen)Co.,Ltd.We are a professional manufacturer of bags located in Xiamen,China.
We can produce the following products for you:
Sports Bags Backbacks
| const giveMeArrayOfArrays = count => { | |
| const output = [] | |
| for (let i = 0; i < count; i++) { | |
| output.push([]) | |
| } | |
| return output | |
| } | |
| const classify = (inputArray, arrayOfFilters = []) => { | |
| const getFilterResults = (value, index, array) => { |
| const differentiate = (targetArray, filterFunction) => targetArray.reduce(([truthAcc, falseAcc], item, index, arr) => { | |
| if (filterFunction(item, index, arr)) { | |
| truthAcc.push(item) | |
| } else { | |
| falseAcc.push(item) | |
| } | |
| return [truthAcc, falseAcc] | |
| }, [[], []]) | |
| module.exports = { differentiate } |
| const Range = ({ containerStyle, containerClassName, min, max, value, step, onChange }) => { | |
| const animate = (timestamp, delta) => { | |
| console.log('AnimationTick', {timestamp, delta}) | |
| } | |
| const [startAnimation, stopAnimation, getIsAnimatingRef, getIsAnimatingState] = useAnimationFrame(animate, true) | |
| useDocumentEvents({ | |
| 'pointerup' (event) { | |
| stopAnimation() |
| // useful for setting constraints. | |
| export const bracket = ({ value, min, max }) => Math.min(Math.max(value, min), max) |
| export const makeRange = ([ start, end ]) => { | |
| const length = Math.abs(end - start) | |
| const output = [] | |
| let cursor = start | |
| if (start === end) { | |
| return [start] | |
| } | |
| for (let i = 0; i <= length; i++) { | |
| if (start < end) { | |
| output.push(cursor++) |
| import React, { useEffect, useRef } from 'react' | |
| import { useRequestAnimationFrame } from '../hooks/useRequestAnimationFrame' | |
| const getDPR = () => window.devicePixelRatio || 1.0 | |
| export const Canvas = ({ | |
| onRender, | |
| contextType = '2d', | |
| idealFPS = 60 | |
| }) => { |
