Skip to content

Instantly share code, notes, and snippets.


Gus Garzaki gugadev

Block or report user

Report or block gugadev

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
gugadev / webpack.config.babel.js
Created Mar 18, 2017
Example of webpack configuration with Vue and Babel. Takes too much time (~50s).
View webpack.config.babel.js
import webpack from 'webpack';
import path from 'path';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import postcssImport from 'postcss-import';
import pxtorem from 'postcss-pxtorem';
import cssnext from 'postcss-cssnext';
import postcssNesting from 'postcss-nesting';
import postcssVariables from 'postcss-variables';
import postcssColorFn from 'postcss-color-function';
import cssnano from 'cssnano';
gugadev / gulpfile.js
Created May 20, 2017
Ejemplo Gulp con BrowserSync y ES6+
View gulpfile.js
const gulp = require('gulp');
const browserify = require('browserify');
const babelify = require('babelify');
const concat = require('gulp-concat');
const concatcss = require('gulp-concat-css');
const browserSync = require('browser-sync');
const babel = require('gulp-babel');
const postcss = require('gulp-postcss');
const cssnext = require('postcss-cssnext');
const postcssImport = require('postcss-import');
gugadev / .eslintrc
Last active May 20, 2017
ESLint configuration for ES6+ and React via Airbnb and jsx-a11
View .eslintrc
"parser": "babel-eslint",
"extends": "airbnb",
"env": {
"node": true,
"es6": true,
"browser": true
"parserOptions": {
"ecmaVersion": 6,
gugadev / toolbar.cson
Created Aug 15, 2017
Atom Flex Toolbar configuraiton
View toolbar.cson
type: 'button'
tooltip: 'Open File'
callback: 'application:open-file'
icon: 'document'
iconset: 'ion'
type: 'button'
gugadev / gist:3e7e4b608b83771165ded4e7743efa8b
Created Oct 19, 2017 — forked from lttlrck/gist:9628955
rename git branch locally and remotely
View gist:3e7e4b608b83771165ded4e7743efa8b
git branch -m old_branch new_branch # Rename branch locally
git push origin :old_branch # Delete the old branch
git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote
# Import the public repository GPG keys
curl | sudo apt-key add -
# Register the Microsoft Ubuntu repository
curl | sudo tee /etc/apt/sources.list.d/microsoft.list
# Update apt-get
sudo apt-get update
# Install PowerShell
gugadev / oops.css
Created Jul 20, 2018
React SVG 404 animation
View oops.css
.oops {
margin: 0;
padding: 0;
background-color: #0a1821;
flex: 1;
height: 100%;
width: 100%;
color: #fff;
position: relative;
text-align: center;
gugadev /
Last active Oct 26, 2018
IP Locator
yarn install
yarn run shit --ip=<ip here>
gugadev / observables.ts
Last active Jan 18, 2019
RxJs Observables
View observables.ts
import chalk from 'chalk';
import {
gugadev / ce-pragma.ts
Last active Jul 25, 2019
View ce-pragma.ts
import React, { FunctionComponent, ReactChild } from 'react'
const listeners = Symbol('jsx-web-comp/event-listeners')
const eventPattern = /^onEvent/
const toKebabCase = (str: string): string => str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()
export default function jsx (type: string | FunctionComponent, props: Record<string, any>, ...children: ReactChild[]) {
const isCustomElement = customElements.get(type as string)
const newProps = { ...props }
You can’t perform that action at this time.