SoyDiego

Configuraciones Iniciales Enzyme - Unit Testing

• Instalamos Enzyme:

npm i --save-dev enzyme enzyme-adapter-react-16

• Instalamos Enzyme-To-JSON:

npm install --save-dev enzyme-to-json

SoyDiego

Comandos GitHub

Borrar de GitHub un commit ya subido ('pusheado').

git reset --hard 'COMMIT AL QUE QUEREMOS VOLVER`  
git push --force

Ver los LOGS en una sola línea.

git log --oneline

SoyDiego

Agregar Environment Variables en Gatsby

DEVELOPMENT

1 - Creamos el archivo .env.development.
2 - Dentro de este archivo, pegamos nuestra API KEY o variable de entorno. Por ejemplo: API_TOKEN = 'TU API TOKEN'.
3 - En package.json modificamos el script develop por esto: set GATSBY_ENV=development && gatsby develop.
4 - En gatsby-config.js agregar en la parte superior el siguiente código:

require("dotenv").config({

SoyDiego

Deploy a Heroku

1. Nos logueamos desde consola abriendo la terminal y tipeando: heroku login.

2. Creamos el proyecto: heroku create --remote NOMBREPROYECTO.

3. Con git remote -v veremos si se ha creado nuestro proyecto remoto de Heroku y tambien veremos el de github.

4. Con git push NOMBREPROYECTO master lo subimos a Heroku.

SoyDiego

Dark Mode Franz app (Whatsapp, Messenger, etc.)

1. Visitar la web de Userstyles

2. Modificar el archivo webview.js de la carpeta recipes, quitando services.css por nuestro archivo CSS, quedando de esta forma.

Franz.injectCSS(path.join(__dirname, 'darkTheme.css'));

Path Franz en Linux:

/home/yourUser/.config/Franz/recipes

SoyDiego

ABSOLUTE Y RELATIVE

1. El elemento padre debe tener position: relative;
2. El elemento a posicionar debe tener position: absolute + top, bottom, left, right (depende lo que se quiera posicionar).

Efecto Skew en Background

1. Agregar un div arriba y otro abajo. Si se quiere aplicar en el header solo abajo, en el footer solo arriba. IMPORTANTE: El contenedor padre tiene que tener position: relative y overflow: hidden;

Skew - Derecha a Izquierda

SoyDiego

Configurar Parcel Bundler + POSTCSS (UNCSS) || Limpiar / Purgar nuestro CSS.

1) Si no tienes instalado Parcel:

yarn global add parcel-bundler

o

npm install -g parcel-bundler