Herman Andres Figueroa heanfig

Keybase proof

I hereby claim:

I am heanfig on github.
I am heanfig (https://keybase.io/heanfig) on keybase.
I have a public key ASDR0z5pH3pjXmYVr_Gd2Oyq7AuMJATjdGRztUGMBceY7Qo

To claim this, I am signing this object:

Instalación y configuracion de Jest + React Testing Library

En proyectos de React + Vite

Instalaciones:

yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 
yarn add --dev @testing-library/react @types/jest jest-environment-jsdom

Opcional: Si usamos Fetch API en el proyecto:

Calificación 7.5 / 10: Se evidencia que trabajó en la prueba y que la prueba tecnica es completamente funcional e impelemnto estructuras HTML y de JSX

Observaciones Positivas

Uso tailwind como dependencia

Interfaz intuitiva

Posiblemente todos los casos de uso quedaron funcionales

Implemento getServerSideProps y getStaticPaths

Hizo uso de efectos

Lo desplegó en vercel

Implementó los hooks de GraphQL

	[Unit]
	Description=fallas masivas
	Documentation=https://claro.com.co
	After=network.target

	[Service]
	Environment=PORT=451
	Type=simple
	User=root
	ExecStart=/usr/bin/node /opt/node/fallas-masivas/fallamasiva_back/dist/main.js

	// see https://stackoverflow.com/questions/26356899/is-it-possible-to-add-a-dynamic-unit-to-a-unitless-number-in-sass
	@function length($number, $unit) {
	$strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax';
	$units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax;
	$index: index($strings, $unit);

	@if not $index {
	@warn "Unknown unit `#{$unit}`.";
	@return false;
	}

	@function length($number, $unit) {
	$strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax';
	$units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax;
	$index: index($strings, $unit);

	@if not $index {
	@warn "Unknown unit `#{$unit}`.";
	@return false;
	}

	@mixin flex($justify-content:false, $align-items:false){
	display:flex;
	@if $justify-content{
	justify-content:$justify-content;
	}
	@if $align-items{
	align-items:$align-items;
	}
	}

	@mixin flex($justify-content:false,$align-items:false){
	display:flex;
	@if $justify-content {
	justify-content: $justify-content;
	}
	@if $align-items {
	align-items: $align-items;
	}
	}

	@mixin flex($justify-content:false){
	display:flex;
	@if $justify-content {
	justify-content: $justify-content;
	}
	}

	body{
	@include flex;
	}

	function sym(...args) {
	return args.reduce( (a,b,i) => {
	return [...new Set([
	...a.filter(item => !b.find(aux=>aux===item)),
	...b.filter(item => !a.find(aux=>aux===item) )
	].sort((a,b)=>a-b))]
	},[]);
	}