Skip to content

Instantly share code, notes, and snippets.

View AngelCruzL's full-sized avatar
🎯
Focusing

Ángel Cruz AngelCruzL

🎯
Focusing
15 followers · 130 following
View GitHub Profile
@AngelCruzL
AngelCruzL / 7-1-architecture-pattern.md
Created July 10, 2022 18:43
7-1 architecture pattern 
sass/
|
|– abstracts/
| |– \_variables.scss       # Sass Variables
| |– \_functions.scss       # Sass Functions
| |– \_mixins.scss          # Sass Mixins
| |– \_helpers.scss         # Class & placeholders helpers
|
|– base/
@AngelCruzL
AngelCruzL / vite-testing-config.md
Created June 20, 2022 00:41 — forked from Klerith/vite-testing-config.md
Vite + Jest + React Testing Library - Configuraciones a seguir

Instalación y configuracion de Jest + React Testing Library

En proyectos de React + Vite

  1. Instalaciones:
yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 
yarn add --dev @testing-library/react @types/jest jest-environment-jsdom
  1. Opcional: Si usamos Fetch API en el proyecto:
@AngelCruzL
AngelCruzL / JEST_VITE_APP.md
Created January 11, 2022 14:06
Integrate Jest & React Testing Library in a React Vite Project.

Integrate Jest & React Testing Library in a React Vite Project

  1. Install Dependencies
yarn add --dev jest babel-jest @babel/preset-env @babel/core @babel/plugin-syntax-jsx @babel/preset-react @testing-library/dom @testing-library/jest-dom @testing-library/react @testing-library/user-event babel-preset-react-app identity-obj-proxy jest-circus jest-scss-transform jest-watch-typeahead
  1. Set Jest & babel configs in package.json
"jest": {
    "roots": [
@AngelCruzL
AngelCruzL / imagenes.js
Created September 7, 2021 01:18 — forked from codigoconjuan/imagenes.js
Gist Soporte Imagenes WebP y Avif como Background
(function (document) {
var checkCount = 0,
formatFound = false;
function setHTMLClass(height, className) {
checkCount++;
if (height == 2) {
formatFound = true;
document.documentElement.className += " " + className;
} else {
@AngelCruzL
AngelCruzL / gist:385f7a9d69494ce7eaeed68e24e40706
Created September 7, 2021 01:18 — forked from codigoconjuan/gist:30973f8e5e7d210e0458bc49a55ad2c4
Gist para Imágenes HTML5 con AVIF, webp y JPG
"imagenes": {
"prefix": "im",
"body": [
"<picture>",
"<source",
"\t sizes=\"1920w, 1280w, 640w\" ",
"\t srcset=\"img/imagen.avif 1920w, \n\t\t\t img/imagen-1280.avif 1280w, \n\t\t\t img/imagen-640.avif 640w\" ",
"\t type=\"image/avif\">",
"<source",
"\t sizes=\"1920w, 1280w, 640w\" ",
@AngelCruzL
AngelCruzL / parse-jwt.js
Created August 18, 2020 04:03 — forked from Klerith/parse-jwt.js
Parse - JWT - Obtener Payload y fecha de creación y expiración
function parseJwt (token) {
var base64Url = token.split('.')[1];
var base64 = base64Url.replace('-', '+').replace('_', '/');
return JSON.parse(window.atob(base64));
};