Skip to content

Instantly share code, notes, and snippets.

@Klerith
Klerith / images.ts
Created December 16, 2024 18:14
Listado de imágenes
const imageUrls: string[] = [
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-4.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-6.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-7.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-8.jpg",
@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 11, 2024 03:03
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.