Daniel Dughila intojs

## dom-pointer.html
<!DOCTYPE html>
<html>

<head>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }


## testing-cheetsheet.js
/**
 *  Sinon.
 */

const CATS = ['Sassy', 'Tom'];

function sayMeow(cats) {}

describe('when sayMeow is called', () => {
  beforeEach(() => {

## Repo.ts
export interface Repo {
  name: string;
  descriptio: string;
}

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## Repos.ts
import { Repo } from './Repo';

export interface Repos {
  isLoading: boolean;
  repos: Repo[];
  hasError: boolean;
}

## optimistic-state-management.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Optimistic State Management</title>
</head>
<body>

<p>Number of items: <span id="number-of-items"></span></p>
<p>Total Cost: <span id="total-cost"></span></p>

## Product.ts
import { Price } from './Price';

export interface Product {
  name: string;
  description: string;
  longDescription: string;
  imageOne: string;
  imageTwo: string;
  imageThree: string;
  price: Price;

## Price.ts
export interface Price {
  value: number;
  currency: string;
  vat: number;
  stringRepresentation: string;
}

## product-utils.ts
import { Product } from './Product';
import { Price } from './Price';

export const filterProductsByName =
  (name: string) =>
    (products: Product[]) =>
      products.filter((product: Product) => product.name.includes(name));

export const addPriceToProduct =
  (price: Price) =>

## product-utils.spec
import { Product } from './Product';
import { Price } from './Price';

import { filterProductsByName, addPriceToProduct } from './product-utils';

describe('product-utils', () => {
  test('filterProductsByName', () => {
    const name = 'Puffy';
    const puffy: Product = {
      name: 'Puffy',
	<!DOCTYPE html>
	<html>

	<head>
	<style type="text/css">
	body {
	margin: 0;
	padding: 0;
	}
	/**
	* Sinon.
	*/

	const CATS = ['Sassy', 'Tom'];

	function sayMeow(cats) {}

	describe('when sayMeow is called', () => {
	beforeEach(() => {
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	import { Repo } from './Repo';

	export interface Repos {
	isLoading: boolean;
	repos: Repo[];
	hasError: boolean;
	}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Optimistic State Management</title>
	</head>
	<body>

	<p>Number of items: <span id="number-of-items"></span></p>
	<p>Total Cost: <span id="total-cost"></span></p>
	import { Price } from './Price';

	export interface Product {
	name: string;
	description: string;
	longDescription: string;
	imageOne: string;
	imageTwo: string;
	imageThree: string;
	price: Price;
	export interface Price {
	value: number;
	currency: string;
	vat: number;
	stringRepresentation: string;
	}
	import { Product } from './Product';
	import { Price } from './Price';

	export const filterProductsByName =
	(name: string) =>
	(products: Product[]) =>
	products.filter((product: Product) => product.name.includes(name));

	export const addPriceToProduct =
	(price: Price) =>
	import { Product } from './Product';
	import { Price } from './Price';

	import { filterProductsByName, addPriceToProduct } from './product-utils';

	describe('product-utils', () => {
	test('filterProductsByName', () => {
	const name = 'Puffy';
	const puffy: Product = {
	name: 'Puffy',