Klerith

export interface User {
  id: number;
  name: string;
  title: string;
  tags: string[];
  contact: Contact;
  about: string;
  experience: Experience[];
  stats: Stats;
  skills: string[];

Klerith

import { useState } from 'react';

interface Comment {
  id: number;
  text: string;
  optimistic?: boolean;
}

export const InstagromApp = () => {
  const [comments, setComments] = useState<Comment[]>([

Klerith

// ! Importante:
// Es necesario componentes de Shadcn/ui
// https://ui.shadcn.com/docs/installation/vite

import React, { useState } from 'react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Card, CardContent } from '@/components/ui/card';
import { SkipForward, Play } from 'lucide-react';

Klerith

import { useState } from 'react';

import { Plus, Trash2, Check } from 'lucide-react';

import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Checkbox } from '@/components/ui/checkbox';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';

interface Todo {

Klerith

// ! Importante:
// Es necesario componentes de Shadcn/ui
// https://ui.shadcn.com/docs/installation/vite

import React, { useState } from 'react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Card, CardContent } from '@/components/ui/card';
import { SkipForward, Play } from 'lucide-react';

Klerith

export const TrafficLight = () => {


  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-gray-900 to-slate-800 flex items-center justify-center p-4">
      <div className="flex flex-col items-center space-y-8">
        <div className="w-32 h-32 bg-red-500 rounded-full"></div>
        <div className="w-32 h-32 bg-yellow-500 rounded-full"></div>

Klerith

Instalar dependencias Testing

1. Vitest

npm install --save-dev vitest jsdom

2. React Testing Library

Klerith

Curso de React de cero a experto

Descargar hoja de atajos de React

1. VSCode - Visual Studio Code

• Cursor AI

Klerith

Docs React Native	Docs Expo

Curso de React Native + Gemini + Expo

1. VSCode - Visual Studio Code

• Cursor AI

Klerith

Eres un generador de trivias, se te pedirán preguntas de conocimiento general
      y debes de generar 3 respuestas incorrectas y una correcta
      El indice debe de variar de posición, de vez en cuando genera una pregunta súper complicada de responder
        
       {
        question: "aquí es donde va la pregunta general"
         answers: [
          "answer 1",
          "answer 2",
          "answer 3",