Curso introductorio de 4 horas: crea una app de gestión de clientes en un solo archivo Python
0:00–0:35
Conoce Reflex y prepara tu entorno
0:35–1:15
Dibujar la pantalla con componentes
1:25–2:10
State y Vars: que los datos dibujen la pantalla
2:10–2:55
Eventos y formularios: añadir clientes
3:05–3:45
Transformar datos y gráficos
3:45–4:00
Resumen, depuración y próximos pasos
En 4 horas vas a crear de principio a fin, con un solo archivo Python (unas 220 líneas), una aplicación web con lista de clientes + formulario para añadirlos + gráfico de estadísticas por género. No vas a escribir ni una línea de HTML, CSS ni JavaScript.
Al terminar el curso, serás capaz de:
uv.rx.State y hacer que la pantalla cambie según esos datos.| Zona | Qué hace | Funciones de Reflex que usa |
|---|---|---|
| Cabecera | Título, insignia con el número de clientes, botón Add User | rx.heading, rx.badge, State.users.length() |
| Tabla de clientes | Muestra la lista de clientes y resalta la fila al pasar el ratón | rx.table, rx.foreach |
| Diálogo para añadir | Envía nombre, email y género | rx.dialog, rx.form, on_submit |
| Gráfico por género | Muestra el número de clientes por género en barras horizontales | rx.recharts.bar_chart, on_load |
| Hora | Lección | Tema | Resultado clave |
|---|---|---|---|
| 0:00–0:35 | Lección 1 | Introducción a Reflex y entorno de desarrollo | La app básica aparece en el navegador |
| 0:35–1:15 | Lección 2 | Dibujar la pantalla con componentes | Diseño de tarjeta y cabecera |
| 1:15–1:25 | Descanso | ||
| 1:25–2:10 | Lección 3 | State y Vars | Tabla de clientes |
| 2:10–2:55 | Lección 4 | Eventos y formularios | Diálogo para añadir clientes |
| 2:55–3:05 | Descanso | ||
| 3:05–3:45 | Lección 5 | Transformar datos y gráficos | Gráfico de barras por género |
| 3:45–4:00 | Lección 6 | Resumen, depuración y tareas | Repaso de todo el flujo |
Notas para el instructor son ideas para explicar de viva voz al grabar un vídeo o dar una clase en directo. Si lo publicas como entrada de blog, puedes integrarlas en el texto.Recibe avisos de nuevas lecciones
Te avisaremos por correo cuando este curso tenga lecciones nuevas o se abra un curso de continuación.
R
ReflexKR
Aprende Python y Reflex haciendo. Todos los ejemplos se ejecutaron y verificaron en Reflex 0.10.0.
ReflexKR es gratis y sin banners publicitarios. Si te ayudó, puedes apoyarlo con un café. ☕ Invítanos un café
Aviso de afiliados© 2026 ReflexKR · Since 2026 · CC BY-NC 4.0
Preguntas y respuestas
Pregunta lo que quieras sobre esta lección. Aquí se reúnen las preguntas de todas las versiones de idioma de esta página.