strinkaus-gd

import * as React from "react"
import { useState, useEffect } from "react"

/*
from Koen Bok

A hook to simply use state between components

Usage:
	

asci

import * as React from "react"
import { useState, useEffect, useRef } from "react"
import { Override, motion } from "framer"

// Override
export function OnScreen(props): Override {
    const ref = useRef()
    const [wasShown, setWasShown] = useState(false)
    const onScreen = useOnScreen(ref)

steveruizok

import * as React from "react"
import {
    Frame,
    FrameProps,
    useMotionValue,
    addPropertyControls,
    ControlType,
} from "framer"

type Props = FrameProps & {

koenbok

import * as React from "react";

/**
A hook to simply use state between components
Warning: this only works with function components (like any hook)

Usage:

// You can put this in an central file and import it too
const useStore = createStore({ count: 0 })

bisubus

​

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

yorkshiretwist

Development Contract Killer

A fork of the popular open-source contract for web designers and developers by Stuff & Nonsense, reworded for developers

• Originally published: 05/02/2014
• Original post

---

Between us [company name] and you [customer name]

scribu

#!/usr/bin/env bash

if [ -z "$INSTALL_DIR" ]; then
	INSTALL_DIR=$HOME/.wp-cli
fi

mkdir -p "$INSTALL_DIR"
cd "$INSTALL_DIR"

if [ ! -x composer.phar ]; then

davatron5000

Make it useful

• Install Package Control. For SublimeText 2, paste the following in Terminal:

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

From here on out, use Package Control to install everything. ⌘+Shift+P, then type Install to get a list of installable packages you can 'livesearch through. After installing plugins, they should be running.

justintadlock

<?php

# Register custom post types on the 'init' hook.
add_action( 'init', 'my_register_post_types' );

/**
 * Registers post types needed by the plugin.
 *
 * @since  1.0.0
 * @access public