Skip to content

Instantly share code, notes, and snippets.

@Klerith
Klerith / hero-page.component.html
Last active December 5, 2024 16:23
Tarea de conceptos básicos de Angular
<h1>{{ name() }}</h1>
<dl>
<td>Nombre:</td>
<dd>{{ name() }}</dd>
<td>Edad:</td>
<dd>{{ age() }}</dd>
<td>Método:</td>
@Klerith
Klerith / patrones-recursos.md
Created November 19, 2024 14:33
Recursos adicionales - Patrones de diseño
@Klerith
Klerith / instalaciones-patrones.md
Last active December 7, 2024 13:20
Instalaciones recomendadas para el curso de Patrones de diseño

Patrones de diseño

Soluciones prácticas y eficientes

Esta es la lista de instalaciones recomendadas, si encuentran enlaces adicionales o cambios en este Gist, pueden hacerlos.

@Klerith
Klerith / index.tsx
Created October 22, 2024 14:20
Estilos para la cámara en React Native
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
},
message: {
textAlign: 'center',
paddingBottom: 10,
},
@Klerith
Klerith / FAB.tsx
Last active October 17, 2024 20:58
Botón flotante
import { Ionicons } from '@expo/vector-icons';
import { StyleProp, ViewStyle, TouchableOpacity } from 'react-native';
interface Props {
iconName: keyof typeof Ionicons.glyphMap;
onPress: () => void;
style?: StyleProp<ViewStyle>;
}
@Klerith
Klerith / ProductCard.tsx
Created October 17, 2024 13:48
Tarjeta para mostrar un producto
interface Props {
product: Product;
}
export const ProductCard = ({ product }: Props) => {
return (
<ThemedView
style={{
@Klerith
Klerith / products.store.ts
Created August 27, 2024 15:26
Listado de productos para el curso de React Native
export const products = [
{
id: '1',
title: 'Auriculares Inalámbricos',
description:
'Experimenta una calidad de sonido premium con estos auriculares inalámbricos. Diseñados para la comodidad y el uso prolongado, son perfectos para amantes de la música y profesionales por igual.',
price: 99.99,
},
{
id: '2',
@Klerith
Klerith / tabla-place.sql
Created August 22, 2024 17:43
Tabla de lugares para trabajar los server islands
CREATE TABLE "Place" (
"id" serial PRIMARY KEY,
"title" varchar NOT NULL,
"description" varchar NOT NULL,
"avg_rating" decimal NOT NULL,
"image" varchar NOT NULL
);
@Klerith
Klerith / instalaciones-react-native-expo.md
Last active December 4, 2024 02:06
Instalaciones recomendadas para el curso de React Native Expo
React Native Logo Expo Logo
Docs React Native Docs Expo

Curso de React Native - Expo

Esta es la lista de instalaciones recomendadas para el curso de React Native, si encuentran enlaces adicionales o cambios en esta hoja, pueden hacerlos.

@Klerith
Klerith / issue-item.component.html
Created August 2, 2024 18:16
Issue Item para el curso de Angular Pro
<div
class="flex items-center px-2 py-3 mb-5 border rounded-md bg-slate-900 hover:bg-slate-800">
@if( isOpen ) {
<i class="fa-regular fa-folder-open text-green-500"></i>
} @else {
<i class="fa-regular fa-folder-closed text-red-500"></i>
}