Skip to content

Instantly share code, notes, and snippets.

@cpandares
cpandares / hex-color.js
Created August 23, 2024 12:09 — forked from Klerith/hex-color.js
Color hexadecimal
const color = '#xxxxxx'.replace(/x/g, y=>(Math.random()*16|0).toString(16));
@cpandares
cpandares / formik-email-validation.ts
Created September 5, 2022 22:33 — forked from Klerith/formik-email-validation.ts
Formik Email Validation
if (!values.email) {
errors.email = 'Required';
} else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
errors.email = 'Invalid email address';
}
@cpandares
cpandares / is-valid-email.ts
Created September 5, 2022 02:09 — forked from Klerith/is-valid-email.ts
Email validation - customHook
const isValidEmail = ( email: string ) => {
const re = /^(([^<>()[\]\\.,;:\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,}))$/;
return re.test(email);
}
@cpandares
cpandares / calendar-messages-es.js
Created September 4, 2022 02:36 — forked from Klerith/calendar-messages-es.js
Big-Calendar - mensajes en español
export const messages = {
allDay: 'Todo el día',
previous: '<',
next: '>',
today: 'Hoy',
month: 'Mes',
week: 'Semana',
day: 'Día',
agenda: 'Agenda',
date: 'Fecha',
@cpandares
cpandares / LoginScreen.js
Created September 4, 2022 02:20 — 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>
@cpandares
cpandares / templateSlice.js
Created September 1, 2022 14: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
@cpandares
cpandares / vite-testing-config.md
Created August 18, 2022 14:35 — 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: