Skip to content

Instantly share code, notes, and snippets.

Avatar
📓

Fernando Klerith

📓
View GitHub Profile
@Klerith
Klerith / Dockerfile
Last active Jul 6, 2022
Preparar imagen de Docker - Node App
View Dockerfile
# Install dependencies only when needed
FROM node:18-alpine3.15 AS deps
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
RUN apk add --no-cache libc6-compat
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile
# Build the app with cache dependencies
FROM node:18-alpine3.15 AS builder
@Klerith
Klerith / README.md
Last active Jun 29, 2022
Deprecated Method - Decorador
View README.md

@Deprecated - Method Decorator

En la definición del método, se puede marcar como obsoleto (deprecated) con la justificación. Esto ayudará a que otros developers sepán que deben de utilizar ya la alternativa.

@Deprecated('Most use speak2 method instead')
 speak() {
      console.log(`${ this.name }, ${ this.name }!`)
 }
@Klerith
Klerith / instalaciones-nestjs.md
Last active Jul 6, 2022
Instalaciones recomendadas para el curso de Nest.js
View instalaciones-nestjs.md
@Klerith
Klerith / vite-testing-config.md
Last active Jun 23, 2022
Vite + Testing + Jest - Completo
View vite-testing-config.md

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:
@Klerith
Klerith / useForm.js
Created Jun 6, 2022
useForm con Validaciones
View useForm.js
import { useEffect, useMemo, useState } from 'react';
export const useForm = ( initialForm = {}, formValidations = {}) => {
const [ formState, setFormState ] = useState( initialForm );
const [ formValidation, setFormValidation ] = useState({});
useEffect(() => {
createValidators();
}, [ formState ])
@Klerith
Klerith / templateSlice.js
Last active Jul 6, 2022
Cascaron para crear Redux Slices rápidamente
View templateSlice.js
import { createSlice } from '@reduxjs/toolkit';
export const templateSlice = createSlice({
name: 'name',
initialState: {
counter: 10
},
reducers: {
increment: (state, /* action */ ) => {
//! https://react-redux.js.org/tutorials/quick-start
@Klerith
Klerith / vite-testing-config.md
Last active Jul 6, 2022
Vite + Jest + React Testing Library - Configuraciones a seguir
View vite-testing-config.md

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:
@Klerith
Klerith / instalaciones.md
Created Apr 19, 2022
Instalaciones recomendadas para el curso de principios SOLID y CleanCode
View instalaciones.md

Instalaciones recomendadas - Curso de principios SOLID y CleanCode

Instalaciones Necesarias

opcional - Yarn

@Klerith
Klerith / angular-jest-installation.md
Last active Apr 23, 2022
Angular 13+ Configure Jest Testing
View angular-jest-installation.md

Angular testing con JEST

  1. Remover cualquier referencia de Jasmine / Karma en el package.json
npm remove <karma karma-chrome-launcher...>
  1. Instalar Jest
npm install --save-dev jest jest-preset-angular @types/jest
View validations.ts
export const isValidEmail = (email: string): boolean => {
const match = String(email)
.toLowerCase()
.match(
/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
);