Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Helder Santana heldr

🎯
Focusing
Block or report user

Report or block heldr

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@heldr
heldr / App.tsx
Last active Feb 13, 2019
React hooks load page chunk (code splitting)
View App.tsx
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 Sep 20, 2016
Higher order component to toggle a prop value
View withToggle.js
/**
* 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 Apr 14, 2016
Assign, extend and merge
View objextend.js
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 Jun 16, 2017
Another way of splitting a gulpfile into multiple files
View gulpfile.js
/*
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 Sep 30, 2014
Togglable CSS Debug bookmarklet
View gist:bfa814b7350559823112
//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 Jun 3, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<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">
View gist:9771758

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 Jan 28, 2014
Simple node.js static server
View server.js
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) {
View linux_usb_bootmac.md

####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).

View gist:6720204
/*
* Copyright (c) 2011 Yahoo! Inc. All rights reserved.
*/
/*jslint nomen: true */
(function () {
'use strict';
function mix(target, source){
You can’t perform that action at this time.