davo

import * as React from 'react'
import { Stack, Frame } from 'framer'
import { colors } from './canvas'

export function Colors() {
	const [colorsTokens] = React.useState(() => {
		return Object.keys(colors).map(key => colors[key])
	})

	return (

davo

import * as React from 'react'
import { useState, useEffect, useRef } from 'react'
import { Frame, addPropertyControls, ControlType } from 'framer'
import { Runtime, Inspector } from '@observablehq/runtime'
import notebook from '@davo/bar-chart-race'

export function Observable({ tick }) {
	const [tickDuration, setTickDuration] = useState(tick)
	const animationRef = useRef()

davo

// https://framer.slack.com/archives/CB74N2FDY/p1557954143213500?thread_ts=1557952502.211200&cid=CB74N2FDY


import { Override, Data } from "framer"
import * as React from "react"

const initialSize = document.body.getBoundingClientRect()

const preview = Data({ width: initialSize.width, height: initialSize.height })

davo

Capturing a class from a HTML / SVG element.

(class="([^"]*)")

davo

import * as React from 'react'
import { useState, useEffect } from 'react'
import { Frame, addPropertyControls, ControlType } from 'framer'
import styled, { css } from 'styled-components'

interface Props {
	padding?: number
	paddingLeft?: number
	color?: string
	listBackgroundColor?: string

davo

import * as React from 'react'
import ReactTable from 'react-table'
import { CSSCustomProperties, TableWrapper } from './TableWrapper'

interface Props {
	rowSize?: string | number
}

export class Table extends React.Component<Props> {
	static defaultProps = {

davo

osascript -e 'id of app "Sketch"'

defaults write com.bohemiancoding.sketch3 NSRequiresAquaSystemAppearance -bool yes

davo

import React, { Component } from 'react'
import { Route, withRouter } from 'react-router-dom'
const isModifiedEvent = event => !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)
type LinkContainerProps = {
	history: {
		push: (...args: any[]) => any,
		replace: (...args: any[]) => any,
		createHref: (...args: any[]) => any
	},
	location?: object,

davo

Regular expression to search for React Hooks functions on React libraries.

\b(use)\w+

Try it

• Basic Hooks
  • useState
  • useEffect
• useContext

davo

{
	"cardData": {
		"indica": [{
				"brandName": "Paris OG",
				"title": "Louis XIII OG",
				"subtitle": "4.9",
				"image": "https://images.weedmaps.com/products/000/019/694/avatar/original/1525137648-Louis_XIII_OG.jpg"
			},
			{
				"brandName": "Kush Rush Exotics",