Skip to content

Instantly share code, notes, and snippets.

boazblake / index.html
Created Aug 20, 2019 — forked from panoply/index.html
Rollup Configuration – Uses Buble, SASS and Serve. Use with Mithril.js
View index.html
<!doctype html>
<meta charset="UTF-8">
<title>Mithril Rollup.js</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="bundle.css" rel="stylesheet" />
<div id="app"></div>
boazblake / OO- patterns and designs
Last active Sep 16, 2018
mithril-prezentation on OO patterns and designs
View OO- patterns and designs
"Title": "OO- patterns and designs",
"slides": [
"id": "eb4c4664-b947-11e8-96f8-529269fb1459",
"title": "SLIDE _11 DIP",
"contents": "__Dependency inversion__\n===\n---\n![IP](\n>High level modules should not depend on low level modules rather both should depend on abstraction.\n\n>Abstraction should not depend on concrete details; rather details should depend on abstractions.”\n\nIn JS the __ concern__ of the dependancy inversion principle is to ensure decoupling between components and their depenencies.\n\n__Dependency Injection__ is __Not__ related to the principle of dependancy inversion.\n\n__DI__ a different aspect of __Inversion of Control__ in which the concern being inverted is \n__how a component obtains__ its dependencies rather than __who defines__ the interface.\n\nin DI dependencies are supplied to a component rather than the component
boazblake / elm-app.json
Last active Sep 15, 2018
mithril-prezentation on elm-app
View elm-app.json
"Title": "Elm App Presentation",
"slides": [
"id": "4f08dfe6-b939-11e8-96f8-529269fb1459",
"title": "takeaways",
"contents": "# TAKEAWAYS\n## overall I ![elm-app-heart](, \n## aside\nhow to start with fp is diff from OO ... need to first think about what you want to create and build the model up first. \n\n# some of the many challanges ...\n1. saving to db\n2. managing state",
"isSelected": false
boazblake / object-oriented-prezentation.json
Last active Aug 25, 2018
mithril-prezenTation: Object-Oriented
View object-oriented-prezentation.json
"Title":"JS AND OO",
"title":"SLIDE 3B",
"contents":"WHY SO MUCH CONFUSION ?\n===\n\n![kyle simpson](\n**Kyle Simpson**\n> We have spent the better part of 19 years since JS was invented **pretending** that its internal mechanisms are **class based** so we spent all our time trying to syntactictly sugar-coat it instead of realizing that JS internal mechanisms are **linkages not copies**.\n\n\n"
View component.js
import { clone } from "ramda"
import { initializeTask , addTask, findTask, editTask, removeTask, saveTask} from "./model.js"
import { log } from "utilities"
export const Item = {
state: {
View index.html
@import url("rotated-header.css")
<div class="scrollable-table">
<table class="table table-striped table-header-rotated">
<!-- First column header is not rotated -->
<!-- Following headers are rotated -->
boazblake / app.html
Created Oct 10, 2016 — forked from jdanyow/app.html
Aurelia Gist
View app.html
boazblake / dabblet.css
Created Dec 24, 2015
The first commented line is your dabblet’s title
View dabblet.css
* The first commented line is your dabblet’s title
background: green;
background: linear-gradient(15deg, green, yellow);
min-height: 100%; */