Skip to content

Instantly share code, notes, and snippets.

View heldr's full-sized avatar
🍵

Helder Santana heldr

🍵
View GitHub Profile

Keybase proof

I hereby claim:

  • I am heldr on github.
  • I am heldr (https://keybase.io/heldr) on keybase.
  • I have a public key ASBwmQHJaS4fN2i0fDYzEDHmCaCeTx6qbEgvx0ZTawpNMwo

To claim this, I am signing this object:

@heldr
heldr / App.tsx
Last active February 13, 2019 03:24
React hooks load page chunk (code splitting)
import React from 'react';
import { Router } from "@reach/router";
import LoadComponent from './LoadComponent';
const FoobarLoader = () => import('./pages/Foobar');
const App: React.StatelessComponent<{}> = () => (
<div>
<Router>
<LoadComponent componentAsPromised={FoobarLoader} path="foobar" />
@heldr
heldr / withToggle.js
Created September 20, 2016 15:43
Higher order component to toggle a prop value
/**
* Higher order component to toggle a prop value
*
* @see https://goo.gl/q7mQGm
* @function withToggle
* @returns Component
*/
export default function withToggle(WrappedComponent, propName = 'bool') {
class WithToggle extends Component {
constructor(props, context) {
@heldr
heldr / objextend.js
Created April 14, 2016 21:55
Assign, extend and merge
Object.assign({}, { a: 1, b: undefined })
Object {a: 1, b: undefined}
jQuery.extend({}, { a: 1, b: undefined })
Object {a: 1}
// lodash
_.extend({}, { a: 1, b: undefined })
Object {a: 1, b: undefined}
@heldr
heldr / gulpfile.js
Last active August 26, 2024 11:06
Another way of splitting a gulpfile into multiple files
/*
Another way of splitting a gulpfile into multiple files based on:
http://macr.ae/article/splitting-gulpfile-multiple-files.html
https://github.com/gulpjs/gulp/blob/master/docs/recipes/split-tasks-across-multiple-files.md
*/
'use strict';
var gulp = require('gulp'),
plugins = require('gulp-load-plugins')(),
@heldr
heldr / gist:bfa814b7350559823112
Created September 30, 2014 21:58
Togglable CSS Debug bookmarklet
//based on https://gist.github.com/addyosmani/fd3999ea7fce242756b1
javascript:!function(a){for(a.__CSSDebug__=!a.__CSSDebug__,i=0;A=document.all[i++];)A.style.outline=a.__CSSDebug__?"solid hsl("+9*(A+A).length+",99%,50%)1px":null}(window);
@heldr
heldr / SassMeister-input-HTML.html
Created June 3, 2014 21:53
Generated by SassMeister.com.
<article class="post">
<h1 class="post__title">Title</h1>
<picture class="post__picture">
<img src="article/picture.jpg" alt="Something" />
</picture>
<p class="post__description">
Lorem ipsum...
</p>
</article>
<article class="post post--highlight">

SSHFS on OSX Lion with Homebrew

NOTE: If you recently upgrade to Mountain Lion you probably need fix Homebrew + GCC

Change the /usr/local permission to yourself:

$ chown -R `whoami` /usr/local

Make sure you have a clean installation, if you had installed MacFuse before or you need uninstall it first:

@heldr
heldr / server.js
Created January 28, 2014 22:06
Simple node.js static server
var http = require("http"),
url = require("url"),
path = require("path"),
fs = require("fs"),
mimer = require('mimer'), // npm install mimer
spawn = require('child_process').spawn,
port = process.argv[2] || 9000;
http.createServer(function(request, response) {

####How to create a bootable usb linux setup on mac (based on Trisquel tutorial )

$ hdiutil convert -format UDRW -o ~/path/to/linux.dmg ~/path/to/linux.iso

Insert your USB stick.

$ diskutil list

again to figure out the device file assigned to your USB stick (e.g. /dev/disk2).