kahunamoore

<!-- Note: depends on jQuery being included via Pen Settings -->
<input id="new-todo" type="text" onkeypress="checkForEnter(event);" />
<button onclick="addToDo()" >Add</button>
<button onclick="deleteAll()">Delete All</button>
<ul id="todos"></ul>

kahunamoore

ArrayIndexing

A Pen by Alan Moore on CodePen.

License.

kahunamoore

// Note: We would normally get this data from
// a database via an HTTP server. This is just
// example data "hard coded" here for clarity.

var alanStudent = {
    id: 1234,
    firstName: "Alan",
    lastName: "Moore",
    age: 42,
    birthdate: new Date(10, 24, 1964)

kahunamoore

Classes

A Pen by Alan Moore on CodePen.

License.

kahunamoore

BindingHoistingExceptions

A Pen by Alan Moore on CodePen.

License.

kahunamoore

Checklist

A Pen by Alan Moore on CodePen.

License.

kahunamoore

#A poem about #Hope for the future.

Hey you, I'm struggling too. How Do You Calm The Monster?

Its ok Just Breath. At least someone Thinks like me. Don't feel Shame. Life is Unfair.

Rarely do we wear the right pair of Shoes. Often, all we hear are Crushing Words and that leaves us feeling Raw.

kahunamoore

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()

kahunamoore

(ns cljs-react-reload.core
  (:require
   [cljs.env :as env]))

(defmacro def-react-class [vname body & {:keys [redefine]}]
  (let [vname-proxy# (symbol (str vname "-proxied"))]
    (if (and env/*compiler*
             (let [{:keys [optimizations]} (get env/*compiler* :options)]
               (or (nil? optimizations) (= optimizations :none))))
      `(do

kahunamoore

(ns nested-routing.core
  (:require [goog.events :as events]
            [goog.history.EventType :as EventType]
            [reagent.core :as reagent]
            [reagent.ratom :refer-macros [reaction]]
            [re-frame.core :refer [dispatch dispatch-sync register-handler register-sub subscribe]]
            [secretary.core :as secretary :refer-macros [defroute]])
  (:import goog.History))

(declare route-components