Skip to content

Instantly share code, notes, and snippets.

@hoschi
hoschi / esbuild.md
Last active October 19, 2022 13:02 — forked from Med-H/esbuild.md
esbuild with hot reload, typescript server as well as eslint server

An extremely fast JavaScript bundler written in Go.

structure path

  • public
    • favicon.ico
    • locales
  • ...
@hoschi
hoschi / Main.js
Created June 14, 2016 14:19
FAB with icon - hover problem
// examples/webpack-example/src/app/Main.js
/**
* In this file, we create a React component
* which incorporates components providedby material-ui.
*/
import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import Dialog from 'material-ui/Dialog';
@hoschi
hoschi / SagaManager.js
Created May 11, 2016 16:56
Hot reloadable redux-saga ... sagas
import mySaga from 'mySaga';
import { take, fork, cancel } from 'redux-saga/effects';
const sagas = [mySaga];
export const CANCEL_SAGAS_HMR = 'CANCEL_SAGAS_HMR';
function createAbortableSaga (saga) {
if (process.env.NODE_ENV === 'development') {
return function* main () {
@hoschi
hoschi / README.md
Last active February 2, 2016 16:43 — forked from mbostock/.block
Multi-Series Line Chart
## pacman -v
Root : /
Conf File : /etc/pacman.conf
DB Path : /var/lib/pacman/
Cache Dirs: /var/cache/pacman/pkg/
Lock File : /var/lib/pacman/db.lck
Log File : /var/log/pacman.log
GPG Dir : /etc/pacman.d/gnupg/
Targets : Nichts
@hoschi
hoschi / index.html
Last active August 29, 2015 14:03 — forked from mbostock/.block
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.link {
fill: none;
stroke: #666;
stroke-width: 1.5px;
}
@hoschi
hoschi / README.md
Last active December 26, 2015 23:49 — forked from mbostock/.block
This example demonstrates how to rotate axis labels by 45° using post-selection. With funny bounce effect :)

This example demonstrates how to rotate axis labels by 45° using post-selection. With funny bounce effect :)

@hoschi
hoschi / README.md
Last active December 26, 2015 09:59 — forked from mbostock/.block
SVG Path transition

This example demonstrates path interpolation using SVG's getPointAtLength feature. The source path and the target path are sampled uniformly using a configurable precision in pixels (here, 4px). During the transition, the path is replaced with a piecewise linear curve, or polyline, for easier interpolation. When the transition finishes, the path is restored to the original cubic Bézier. This technique is handy because it works for any path expressible with SVG's path data mini-language.

See also the circular shape tweening example.

diff --git a/xmonad.hs b/xmonad.hs
index fbf7b5e..4c8cef6 100644
--- a/xmonad.hs
+++ b/xmonad.hs
@@ -23,6 +23,7 @@ import Control.Monad (filterM,liftM, join)
import Data.IORef
import Data.Monoid
import Data.List
+import Data.Bits
@hoschi
hoschi / index.html
Last active December 25, 2015 14:29 — forked from mbostock/.block
Example how it looks without 'defined' usage.
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.axis path, .axis line {
fill: none;