Skip to content

Instantly share code, notes, and snippets.

View SamSch01's full-sized avatar
馃摎

Sam SamSch01

馃摎
8 followers · 76 following
View GitHub Profile
@SamSch01
SamSch01 / heroes-with-desc.js
Created February 18, 2024 14:56 — forked from Klerith/heroes-with-desc.js
Una colecci贸n de Super H茅roes
export const heroes = [
{
'id': 'dc-batman',
'superhero':'Batman',
'publisher':'DC Comics',
'alter_ego':'Bruce Wayne',
'first_appearance':'Detective Comics #27',
'characters':'Bruce Wayne'
},
{
@SamSch01
SamSch01 / vite-testing-config.md
Created January 21, 2024 21:14 — 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:
@SamSch01
SamSch01 / seccion4-tarea-1.md
Created January 9, 2024 02:29 — forked from Klerith/seccion4-tarea-1.md

Tarea

  1. Crear un nuevo componente dentro de la carpeta SRC llamado CounterApp

  2. El CounterApp debe de ser un Functional Component

  3. El contenido del CounterApp debe de ser:

CounterApp

@SamSch01
SamSch01 / heroes.js
Created January 5, 2024 19:28 — 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'
@SamSch01
SamSch01 / react-index.html
Created January 3, 2024 06:03 — 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>
@SamSch01
SamSch01 / Instalaciones-React.md
Created January 3, 2024 04:47 — forked from Klerith/Instalaciones-React.md
Instalaciones recomendadas para mi curso de React de cero a experto
@Klerith
Klerith / app.html
Created November 22, 2022 19:07
Lista de tareas - Vanilla JavaScript
<section class="todoapp">
<header class="header">
<h1>Tareas</h1>
<input id="new-todo-input" class="new-todo" placeholder="驴Qu茅 necesita ser hecho?" autofocus>
</header>
<!-- This section should be hidden by default and shown when there are todos -->
<section class="main">
<input id="toggle-all" class="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label>
@Klerith
Klerith / templateSlice.js
Last active March 26, 2025 07:27
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
@Klerith
Klerith / vite-testing-config.md
Last active April 18, 2025 22:21
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:
@Klerith
Klerith / Instalaciones-React.md
Last active April 27, 2025 14:45
Instalaciones recomendadas para mi curso de React de cero a experto