Skip to content

Instantly share code, notes, and snippets.

@adolfovj
adolfovj / typescript.json
Created April 30, 2024 18:43 — forked from Klerith/typescript.json
React - Context Snippets
{
// Place your snippets for typescript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
@adolfovj
adolfovj / LoginScreen.js
Created March 22, 2024 20:25 — forked from Klerith/LoginScreen.js
Login-Template-MERN-Calendar
import React from 'react';
import './login.css';
export const LoginScreen = () => {
return (
<div className="container login-container">
<div className="row">
<div className="col-md-6 login-form-1">
<h3>Ingreso</h3>
<form>
@adolfovj
adolfovj / templateSlice.js
Created March 11, 2024 17:28 — forked from Klerith/templateSlice.js
Cascaron para crear Redux Slices rápidamente
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
@adolfovj
adolfovj / vite-testing-config.md
Created February 8, 2024 18:48 — 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:
@adolfovj
adolfovj / instalaciones.md
Created August 13, 2022 01:23 — forked from Klerith/instalaciones.md
Instalaciones para el curso de ReactiveX
@adolfovj
adolfovj / instalaciones-angular.md
Created July 1, 2022 13:45 — forked from Klerith/instalaciones-angular.md
Instalaciones necesarias y recomendadas - Curso de Angular de cero a experto
@adolfovj
adolfovj / instalaciones.md
Created June 1, 2022 02:11 — forked from Klerith/instalaciones.md
Instalaciones recomendadas para el curso de principios SOLID y CleanCode

Instalaciones recomendadas - Curso de principios SOLID y CleanCode

Instalaciones Necesarias

opcional - Yarn

@adolfovj
adolfovj / heroes.js
Created May 17, 2022 22:13 — forked from Klerith/heroes.js
Un pequeño arreglo de héroes para hacer ejercicios
const heroes = [
{
id: 1,
name: 'Batman',
owner: 'DC'
},
{
id: 2,
name: 'Spiderman',
owner: 'Marvel'
@adolfovj
adolfovj / react-index.html
Created May 2, 2022 23:55 — forked from Klerith/react-index.html
Introducción a React
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<!-- Cargat React -->
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
@adolfovj
adolfovj / debouncer.dart
Created October 1, 2021 08:29 — forked from Klerith/debouncer.dart
Flutter: Debouncer manual
import 'dart:async';
// Creditos
// https://stackoverflow.com/a/52922130/7834829
class Debouncer<T> {
Debouncer({
required this.duration,
this.onValue
});