Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Gus Garzaki gugadev

🎯
Focusing
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
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
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
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
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
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
View install-powershell-core-on-ubuntu16.sh
# Import the public repository GPG keys
curl https://packages.microsoft.com/keys/microsoft.asc | sudo apt-key add -
# Register the Microsoft Ubuntu repository
curl https://packages.microsoft.com/config/ubuntu/16.04/prod.list | sudo tee /etc/apt/sources.list.d/microsoft.list
# Update apt-get
sudo apt-get update
# Install PowerShell
@gugadev
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
gugadev / README.md
Last active Oct 26, 2018
IP Locator
View README.md
yarn install
yarn run shit --ip=<ip here>
@gugadev
gugadev / observables.ts
Last active Jan 18, 2019
RxJs Observables
View observables.ts
import chalk from 'chalk';
import {
Observable,
Observer,
Subscription,
Subject,
Subscriber,
ConnectableObservable,
BehaviorSubject,
ReplaySubject,
@gugadev
gugadev / ce-pragma.ts
Last active Jul 25, 2019
custom-elements-jsx-pragma
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.