Vu Tran vutran

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.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

agnoster.zsh-theme

forked by rjorgenson

A ZSH theme optimized for people who use:

Solarized
Git
Unicode-compatible fonts and terminals (I use iTerm2 + Menlo)
NVM
RVM

Keybase proof

I hereby claim:

I am vutran on github.
I am vutran (https://keybase.io/vutran) on keybase.
I have a public key ASB44jpd0MJ8LJSl0B6nrRTA0s-m3PhVNu9w4LRPiDhdFQo

To claim this, I am signing this object:

	[
	{
	"monster_id": "aptonoth", // by english name
	"name": {
	"en": "Aptonoth",
	"ja": "アプトノス"
	},
	},
	{
	"monster_id": "mernos",

	import Omnibar from 'omnibar';
	import { withVoice } from 'omnibar';

	const VoiceOmnibar = withVoice(Omnibar);

	class App extends React.Component {
	render() {
	return (
	<VoiceOmnibar
	extensions={[

	import { command } from 'omnibar';
	import GitHubSearchExtension from './GitHubSearchExtension';

	const GHExtension = command(GitHubSearchExtension, 'gh');

	class App extends React.Component {
	render() {
	return (
	<Omnibar extensions={[GHExtension]} />
	);

	function ResultItem(props) {
	return (
	<div>
	<a href={props.url}>{props.title}</a>
	</div>
	);
	};

	class App extends React.Component {
	render() {

	import Omnibar from 'omnibar';
	import EchoExtension from './EchoExtension';
	import GitHubSearchExtension from './GitHubSearchExtension';
	import NpmSearchExtension from './NpmSearchExtension';

	class App extends React.Component {
	render() {
	return (
	<Omnibar
	extensions={[

	export default function EchoExtension(query) {
	return [
	{
	title: query,
	subtitle: query,
	},
	];
	}