Skip to content

Instantly share code, notes, and snippets.

View christhoph's full-sized avatar
👨‍💻
Working from home

Cristopher Solis christhoph

👨‍💻
Working from home
View GitHub Profile
@christhoph
christhoph / recursos-desarrollo-web.md
Last active June 14, 2026 04:17
Guía actualizada para aprender Desarrollo Web 2026

Recursos de Desarrollo Web 2026

Estos recursos de desarrollo web gratuitos por tech youtubers como: FalconMaster, HolaMundo, Gentleman Programming, midudev, mouredev, manzdev y Condor Coders, que he seguido durante años y de los cuáles he aprendido mucho. He tratado de agregar los recursos más actualizados y de diversos tipos para que puedan encontrar el que mejor entiendan o se adapte a su forma de aprender.

Editor de código recomendado: VS Code. VS Code se mantiene como uno de los editores de código más utilizados, incluso ante el auge de nuevas opciones con IA nativa como Cursor o Windsurf, las cuales irónicamente se basan en su arquitectura. Su gran valor reside en la versatilidad: ofrece un

@christhoph
christhoph / Provider.tsx
Created April 14, 2024 05:22 — forked from SallesCosta/Provider.tsx
Just one single provider wrapping <App />
const providers = [
{
component: ThemeProvider,
props: { theme },
},
{
component: BrowserRouter,
},
{
component: ApolloProvider,
@christhoph
christhoph / app.js
Created March 23, 2022 02:37
Consume collection in Firebase Cloud Firestore
import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getStorage } from "firebase/storage";
import config from "./config";
const app = initializeApp(config);
export const db = getFirestore(app);
@christhoph
christhoph / EventContextProvider.tsx
Created December 8, 2021 14:31
Split complex logic from context
import { useState, useCallback, useMemo } from 'react';
import useEventModules from './event-modules/useEventModules';
import EventContext from './Context';
export type ContextProviderProps = {
readonly children: JSX.Element | JSX.Element[];
};
@christhoph
christhoph / index.html
Last active December 27, 2020 21:07
Practice class Asignation and Destructuring
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/styles.css" />
<title>Asignation and Destructuring</title>
</head>
<body>
@christhoph
christhoph / first_view.dart
Last active August 27, 2020 17:29
First steps in Dart
// Tipos de datos en Dart
// String - texto
// int - numero entero
// double - numero decimal
// num - numero entero o decimal
// bool - booleano (true or false)
// void - null (nulo)
// La palabra reservada 'void' se utiliza cuando la funcion no retorna ningun valor
// function 'hello' - params (String name)
export const mision2700Data = {
country: "Ecuador",
value: 7667,
women: 3219,
men: 4448,
beneficiaries: 387,
states: [
{
id: "01",
map_id: "EC-E",