Mo morajabi

## useHover.js
import { useMemo } from 'react'
import { useState } from 'react'

export function useHover() {
  const [hovered, setHovered] = useState(false)
  let callbacks = useMemo(
    () => ({
      onMouseEnter: () => {
        setHovered(true)
      },

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                morajabi
                / keybase.md
            
            
              Created
              August 29, 2019 08:53
            
          
    Keybase proof

I hereby claim:

I am morajabi on github.
I am morajabi (https://keybase.io/morajabi) on keybase.
I have a public key ASCPpYSKHC9c0nSXk3DPQS6uJsTJHJk5hE49pS0wJ2FPcAo

To claim this, I am signing this object:

  
## now.json
{
  "version": 2,
  "alias": ["there.team"],
  "builds": [
    { "src": "web/package.json", "use": "@now/next" },
    {
      "src": "api/lambda.js",
      "use": "@now/node",
      "config": {
        "includeFiles": [

## chrome_tabs.osa
# shows all url+titles of Chrome along with front window+tab url+title
 set titleString to ""

 tell application "Google Chrome"
         set window_list to every window # get the windows

         repeat with the_window in window_list # for every window
                 set tab_list to every tab in the_window # get the tabs

                 repeat with the_tab in tab_list # for every tab

## useRect.js
import { useLayoutEffect, useCallback, useState } from 'react'

export const useRect = (ref) => {
  const [rect, setRect] = useState(getRect(ref ? ref.current : null))

  const handleResize = useCallback(() => {
    if (!ref.current) {
      return
    }

## Space.tsx
import styled, { css } from 'styled-components'
import { mobile } from '../style/media'

type Props = {
  width?: number
  height?: number
  widthOnMobile?: number
  heightOnMobile?: number
  fillRow?: boolean
  fillColumn?: boolean

## Link.tsx
import * as React from 'react'
import { Link as GatsbyLink } from 'gatsby'

// Local
import { UnstyledButton } from './UnstyledButton'

type Props = {
  /** For local gaysby routes/links */
  to?: string
  /** For external links with e.g. https://google.com outside Gatsby */

## ErrorBoundary.js
import React, { Component } from 'react'

class ErrorBoundary extends Component {
  state = {
    error: null,
    hasError: false,
    showError: false,
  }

  componentDidCatch(e) {

## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Untitled benchmark</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
</head>
<body>
	<h1>Open the console to view the results</h1>

## clone-object.js


console.group("Cloning objects");

const firstObject = {
  name: 'Mohammad',
};

const clonedObject = Object.assign({}, firstObject);
	import { useMemo } from 'react'
	import { useState } from 'react'

	export function useHover() {
	const [hovered, setHovered] = useState(false)
	let callbacks = useMemo(
	() => ({
	onMouseEnter: () => {
	setHovered(true)
	},
	{
	"version": 2,
	"alias": ["there.team"],
	"builds": [
	{ "src": "web/package.json", "use": "@now/next" },
	{
	"src": "api/lambda.js",
	"use": "@now/node",
	"config": {
	"includeFiles": [
	# shows all url+titles of Chrome along with front window+tab url+title
	set titleString to ""

	tell application "Google Chrome"
	set window_list to every window # get the windows

	repeat with the_window in window_list # for every window
	set tab_list to every tab in the_window # get the tabs

	repeat with the_tab in tab_list # for every tab
	import { useLayoutEffect, useCallback, useState } from 'react'

	export const useRect = (ref) => {
	const [rect, setRect] = useState(getRect(ref ? ref.current : null))

	const handleResize = useCallback(() => {
	if (!ref.current) {
	return
	}
	import styled, { css } from 'styled-components'
	import { mobile } from '../style/media'

	type Props = {
	width?: number
	height?: number
	widthOnMobile?: number
	heightOnMobile?: number
	fillRow?: boolean
	fillColumn?: boolean
	import * as React from 'react'
	import { Link as GatsbyLink } from 'gatsby'

	// Local
	import { UnstyledButton } from './UnstyledButton'

	type Props = {
	/** For local gaysby routes/links */
	to?: string
	/** For external links with e.g. https://google.com outside Gatsby */
	import React, { Component } from 'react'

	class ErrorBoundary extends Component {
	state = {
	error: null,
	hasError: false,
	showError: false,
	}

	componentDidCatch(e) {
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Untitled benchmark</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>


	console.group("Cloning objects");

	const firstObject = {
	name: 'Mohammad',
	};

	const clonedObject = Object.assign({}, firstObject);