BEFORE YOU MAKE THIS: These will turn out best if you use french bread pans
Mix together in a bowl 2 Tbls Yeast 1/2 cup warm water 1 tsp sugar let yeast activate (about 10 minutes)
In large bowl, combine:
| <div class="crossbow"> | |
| <div class="zombie boy"></div> | |
| <div class="zombie girl"></div> | |
| <div class="zombie boy"></div> | |
| </div> | |
| create-react-app comes with Jest which is awesome, but sometimes you need a real DOM/browser to test with. Here's a quick way to get up and running testing your app. | |
| 1. Create a *separate* app for testing, using create-react-app: | |
| ``` | |
| create-react-app tests | |
| cd tests | |
| ``` | |
| 2. Modify the index.html to include the Jasmine spec runner (see index.html below) | |
| 3. Modify the index.js to just run your tests rather than bootstrap a React app. (see index.js below) |
| crossbow { | |
| display: flex; | |
| flex-direction: row-reverse; | |
| align-items: flex-end; | |
| } | |
| .target.goo{ | |
| flex-grow: 1; | |
| } |
| cask_args appdir: "/Applications" | |
| tap "homebrew/bundle" | |
| tap "homebrew/cask" | |
| tap "homebrew/cask-drivers" | |
| tap "homebrew/cask-fonts" | |
| tap "homebrew/core" | |
| brew "fish" | |
| brew "git" | |
| brew "httpie" | |
| brew "github/gh/gh" |
| /** @jsx jsx */ | |
| import { css, jsx } from '@emotion/core' | |
| import React, {useRef, useEffect, useState, useLayoutEffect} from "react" | |
| import useComponentRect from "shared/hooks/useComponentRect" | |
| const StretchTitle = (props) => { | |
| const containerRef = useRef(); | |
| const textRef = useRef(); | |
| const componentRect = useComponentRect(containerRef, 10); | |
| const [scale, setScale] = useState(1); |
| import React, { useState, useEffect, useLayoutEffect, useContext } from 'react'; | |
| import debounce from "debounce"; | |
| function useComponentRect(containerRef, debounceTime = 100) { | |
| const [rect, setRect] = useState(); | |
| const calculateRect = debounce(() => { | |
| if (containerRef.current){ | |
| const rect = containerRef.current.getBoundingClientRect(); | |
| setRect(rect); |
| <!doctype html> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
| <head> | |
| <title> | |
| </title> | |
| <!--[if !mso]><!-- --> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <!--<![endif]--> |
BEFORE YOU MAKE THIS: These will turn out best if you use french bread pans
Mix together in a bowl 2 Tbls Yeast 1/2 cup warm water 1 tsp sugar let yeast activate (about 10 minutes)
In large bowl, combine: