MartiRF

🎯

Focusing

MartiRF / EventModal.js

Created December 10, 2022 23:33 — forked from Klerith/EventModal.js

Contenido HTML del Modal

	<h1> Nuevo evento </h1>
	<hr />
	<form className="container">

	<div className="form-group mb-2">
	<label>Fecha y hora inicio</label>
	<input className="form-control" placeholder="Fecha inicio" />
	</div>

	<div className="form-group mb-2">

MartiRF / modal.css

Created December 10, 2022 17:47 — forked from Klerith/modal.css

React Modal Styles

MartiRF / calendar-messages-es.js

Created December 5, 2022 01:19 — forked from Klerith/calendar-messages-es.js

Big-Calendar - mensajes en español

MartiRF / LoginScreen.js

Created December 5, 2022 00:24 — forked from Klerith/LoginScreen.js

	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>

MartiRF / templateSlice.js

Created October 4, 2022 18:34 — 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

MartiRF / Navbar.js

Created September 20, 2022 04:41 — forked from Klerith/Navbar.js

Un NavBar de Bootstrap rápido para el curso de React de cero a experto

	import { Link, NavLink } from 'react-router-dom';


	export const Navbar = () => {
	return (
	<nav className="navbar navbar-expand-sm navbar-dark bg-dark">

	<Link
	className="navbar-brand"
	to="/"

MartiRF / vite-testing-config.md

Created September 15, 2022 20:57 — forked from Klerith/vite-testing-config.md

Vite + Jest + React Testing Library - Configuraciones a seguir

Instalación y configuracion de Jest + React Testing Library

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

	/* Modal */
	.ReactModalPortal > div{
	opacity: 0;
	}

	.ReactModalPortal .ReactModal__Overlay {
	align-items: center;
	display: flex;
	justify-content: center;
	transition: opacity .2s ease-in-out;