Dave Geddes geddski

## Brewfile
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"

## nesting.js
function nestCollection(model, attributeName, nestedCollection) {
    //setup nested references
    for (var i = 0; i < nestedCollection.length; i++) {
      model.attributes[attributeName][i] = nestedCollection.at(i).attributes;
    }
    //create empty arrays if none

    nestedCollection.bind('add', function (initiative) {
      if (!model.get(attributeName)) {
        model.attributes[attributeName] = [];

## useComponentRect.js
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);

## backbone-nested-angular.js
/*
How to use Angular inside a Backbone view.
*/

var ViewWithAngular = Backbone.View.extend({
  render: function(container){
    var $injector = angular.injector(['ng', 'mason']);

    $injector.invoke(function($rootScope, $compile){
      var elem = $compile('<h1 ng-controller="NestedCtrl">Backbone View with nested Angular. Message: {{message}}</h1>')($rootScope);

## geddes-french-bread.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              4 stars
            
          
                geddski
                / geddes-french-bread.md
            
            
              Last active
              December 30, 2019 19:50
            
              
                Mama Geddes' French Bread Recipe
              
          
    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:

  
## sample.html

    <!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]-->

## StretchTitle.jsx
/** @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);

## create-react-app-for-testing
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)

## cf.less
/* Micro ClearFix Mixin */
.clearfix{
  zoom:1;
  &:before, &:after{ content:""; display:table; }
  &:after{ clear: both; }
}

## Avatar.js
/**
* A sample Angular 1 component, created using the component helper above.
* Uses Aphrodite for CSS
*/

import component from './component';
import { StyleSheet, css } from 'aphrodite';

const styles = StyleSheet.create({
  avatar: {
	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"
	function nestCollection(model, attributeName, nestedCollection) {
	//setup nested references
	for (var i = 0; i < nestedCollection.length; i++) {
	model.attributes[attributeName][i] = nestedCollection.at(i).attributes;
	}
	//create empty arrays if none

	nestedCollection.bind('add', function (initiative) {
	if (!model.get(attributeName)) {
	model.attributes[attributeName] = [];
	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);
	/*
	How to use Angular inside a Backbone view.
	*/

	var ViewWithAngular = Backbone.View.extend({
	render: function(container){
	var $injector = angular.injector(['ng', 'mason']);

	$injector.invoke(function($rootScope, $compile){
	var elem = $compile('<h1 ng-controller="NestedCtrl">Backbone View with nested Angular. Message: {{message}}</h1>')($rootScope);

	<!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]-->
	/** @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);
	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)
	/* Micro ClearFix Mixin */
	.clearfix{
	zoom:1;
	&:before, &:after{ content:""; display:table; }
	&:after{ clear: both; }
	}
	/**
	* A sample Angular 1 component, created using the component helper above.
	* Uses Aphrodite for CSS
	*/

	import component from './component';
	import { StyleSheet, css } from 'aphrodite';

	const styles = StyleSheet.create({
	avatar: {