Skip to content

Instantly share code, notes, and snippets.

View SebastianCB-dev's full-sized avatar
馃挋
Chelsea F.C.

Sebasti谩n Carrillo SebastianCB-dev

馃挋
Chelsea F.C.
9 followers · 10 following
View GitHub Profile
@SebastianCB-dev
SebastianCB-dev / pasos-node-ts-jest.md
Last active March 5, 2025 00:27 — forked from Klerith/pasos-node-ts-jest.md
Note + TypeScript + Jest = Testing

Pasos para configurar Jest con TypeScript, en Node

Documentaci贸n oficial sobre Jest

  1. Instalaciones de desarrollo (super test es 煤til para probar Express)
npm install -D jest @types/jest ts-jest supertest
@SebastianCB-dev
SebastianCB-dev / pasos-node-typescript.md
Created December 13, 2023 00:08 — forked from Klerith/pasos-node-typescript.md
Configurar proyecto de Node con TypeScript

Pasos para usar Node con TypeScript con Nodemon

M谩s informaci贸n - Docs Oficiales

  1. Instalar TypeScript y tipos de Node, como dependencia de desarrollo
npm i -D typescript @types/node
  1. Inicializar el archivo de configuraci贸n de TypeScript ( Se puede configurar al gusto)
@SebastianCB-dev
SebastianCB-dev / Navbar.js
Last active November 15, 2023 00:12 — 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="/"
@SebastianCB-dev
SebastianCB-dev / React-Test-Gist.md
Last active November 3, 2023 01:22
This is a Gist to configure testing in React + Vite

Step to install testing libraries in React JS.

This has to be used in project with React + Vite

  1. Installation
pnpm install vitest happy-dom @testing-library/react @testing-library/user-event --save-dev
@SebastianCB-dev
SebastianCB-dev / vite-testing-config.md
Created September 27, 2023 23:31 — 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:
@SebastianCB-dev
SebastianCB-dev / configurar-node-ts.md
Created September 15, 2023 21:06 — forked from Klerith/configurar-node-ts.md
Node con TypeScript - TS-Node-dev simplificado

Node con TypeScript - TS-Node-dev (preferido)

  1. Instalar TypeScript y dem谩s dependencias
npm i -D typescript @types/node ts-node-dev rimraf
  1. Inicializar el archivo de configuraci贸n de TypeScript ( Se puede configurar al gusto)
npx tsc --init --outDir dist/ --rootDir src
@SebastianCB-dev
SebastianCB-dev / nginx.conf
Last active March 9, 2023 21:23
nginx Configuration
server {
listen 80;
sendfile on;
default_type application/octet-stream;
gzip on;
gzip_http_version 1.1;
gzip_disable "MSIE [1-6]\.";
gzip_min_length 256;
gzip_vary on;
@SebastianCB-dev
SebastianCB-dev / index.html
Created March 7, 2023 18:45
React Cascaron HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ReactApp</title>
<!-- Cargar React -->
<script crossorigin
src="https://unpkg.com/react@16/umd/react.production.min.js">
@SebastianCB-dev
SebastianCB-dev / angular-jest-installation.md
Created January 28, 2023 15:47 — forked from Klerith/angular-jest-installation.md
Angular 13+ Configure Jest Testing

Angular testing con JEST

  1. Remover cualquier referencia de Jasmine / Karma en el package.json
npm remove <karma karma-chrome-launcher...>
  1. Instalar Jest
npm install --save-dev jest jest-preset-angular @types/jest
@SebastianCB-dev
SebastianCB-dev / parse-jwt.js
Created December 7, 2022 15:29 — forked from Klerith/parse-jwt.js
Parse - JWT - Obtener Payload y fecha de creaci贸n y expiraci贸n
function parseJwt (token) {
var base64Url = token.split('.')[1];
var base64 = base64Url.replace('-', '+').replace('_', '/');
return JSON.parse(window.atob(base64));
};