Skip to content

Instantly share code, notes, and snippets.

View gugadev's full-sized avatar
🌐
Web & Mobile

Gustavo García gugadev

🌐
Web & Mobile
View GitHub Profile
@gugadev
gugadev / webpack.config.babel.js
Created March 18, 2017 18:40
Example of webpack configuration with Vue and Babel. Takes too much time (~50s).
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 18:25
ESLint configuration for ES6+ and React via Airbnb and jsx-a11
{
"parser": "babel-eslint",
"extends": "airbnb",
"env": {
"node": true,
"es6": true,
"browser": true
},
"parserOptions": {
"ecmaVersion": 6,
@gugadev
gugadev / gulpfile.js
Created May 20, 2017 18:22
Ejemplo Gulp con BrowserSync y ES6+
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 August 15, 2017 14:14
Atom Flex Toolbar configuraiton
[
{
type: 'button'
tooltip: 'Open File'
callback: 'application:open-file'
icon: 'document'
iconset: 'ion'
},
{
type: 'button'
@gugadev
gugadev / gist:3e7e4b608b83771165ded4e7743efa8b
Created October 19, 2017 19:06 — forked from lttlrck/gist:9628955
rename git branch locally and remotely
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 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 July 20, 2018 12:31
React SVG 404 animation
.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 October 26, 2018 17:20
IP Locator
yarn install
yarn run shit --ip=<ip here>
@gugadev
gugadev / observables.ts
Last active January 18, 2019 16:37
RxJs Observables
import chalk from 'chalk';
import {
Observable,
Observer,
Subscription,
Subject,
Subscriber,
ConnectableObservable,
BehaviorSubject,
ReplaySubject,
@gugadev
gugadev / ce-pragma.ts
Last active December 2, 2023 07:44
custom-elements-jsx-pragma
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 }