Saulo Vargas sauloco

Leptos Components Jetbrains Templates

Create a File Template

This live template will allow you to quickly create a leptos component when creating a new file.

Will use the file name as component name. Usually names are snake cased, the script will use a camel cased version of file name for the component name. Example: file name gallery_item will result in the GalleryItem component.

Factory Functions

Qué son las Factory Functions?

Nota: No confundir con el Factory Method Pattern.

Son funciones que crean y retornan objetos. Diseñadas para crear repetidamente objetos de una clase particular. Reemplaza declaraciones múltiples de objetos con una estructura similar. Lo que permite código más redundante.

Factory Functions

Qué son las Factory Functions?

Nota: No confundir con el Factory Method Pattern.

Son funciones que crean y retornan objetos. Diseñadas para crear repetidamente objetos de una clase particular. Reemplaza declaraciones múltiples de objetos con una estructura similar. Lo que permite código más redundante.

Keybase proof

I hereby claim:

I am sauloco on github.
I am sauloco (https://keybase.io/sauloco) on keybase.
I have a public key whose fingerprint is 6F3F 284B 7C81 1594 F668 DB19 DF99 6FC5 9DBE 3C38

To claim this, I am signing this object:

	{
	"gatherMode": "navigation",
	"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36",
	"environment": {
	"networkUserAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4590.2 Safari/537.36 Chrome-Lighthouse",
	"hostUserAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36",
	"benchmarkIndex": 1744.5,
	"credits": {
	"axe-core": "4.2.3"
	}


	/*
	* Stripe WebGl Gradient Animation
	* All Credits to Stripe.com
	* ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
	* commented out for now.
	* https://kevinhufnagl.com
	*/

	// Get videoSelector value using the element selector, then second button over the element, copy > copy selector
	const videoSelector = '#hudson-player--1631733208198 > video';

	const videoEl = document.querySelector(videoSelector);
	videoEl.disablePictureInPicture = false;
	videoEl.requestPictureInPicture();

	// multiplicar sin utilizar el signo "*"
	const multiply = ( a, b ) => a / ( 1 / b );
	console.group( 'multiply' )
	console.assert( multiply( 2, 5 ) === 10, "All positive" );
	console.assert( multiply( 2, -5 ) === -10, "b negative" );
	console.assert( multiply( -2, 5 ) === -10, 'a negative' );
	console.assert( multiply( -2, -5 ) === 10, 'All negative' );
	console.assert( multiply( 0, 5 ) === 0, 'a is zero' );
	console.assert( multiply( 2, 0 ) === 0, 'b is zero' );
	console.groupEnd()

	<html>
	<head>
	</head>
	<body>
	Generar <input type="number" min = 1 max = 99 value = 0 onchange="document.getElementById('target').innerHTML = generate(this.value);"> veces: <br>
	<div id = target></div>
	</body>
	<script>
	/**
	* params