Resumen del curso

Este es un curso breve y práctico sobre los conceptos que usarás a diario al crear apps con Reflex. Debajo de cada ejemplo hay una vista que funciona de verdad, así que puedes leer el código y comprobar el resultado con un clic.

Qué aprenderás en este curso

• Hacer que la pantalla cambie al pulsar un botón (State y manejadores de eventos)
• Mostrar una vista distinta según una condición (rx.cond)
• Dibujar listas en pantalla (rx.foreach)
• Por qué no puedes usar if, for ni len() en el código de la interfaz (tiempo de compilación y tiempo de ejecución)
• Combinar y dar estilo a componentes (hijos, props y estilos)
• Crear la app y sus páginas

¿Por qué en este orden?

La documentación oficial de Reflex empieza explicando, paso a paso, los componentes y los estilos. Este curso cambia el orden y arranca con un botón que incrementa un número. Cuando ves primero cómo reacciona la pantalla, el resto de conceptos llega de forma natural como "lo que necesito para lograr esto".

1. En la lección 1 incrementas un número, y en las lecciones 2 y 3 cambias la vista con condiciones y listas.
2. En la lección 4 resuelves la duda de "¿y por qué no puedo usar un if normal?". Es la lección más importante del curso.
3. En la lección 5 das estilo a la interfaz ya entendiendo cómo funciona todo, y en la lección 6 juntas lo aprendido para terminar una pequeña app.

Lo que necesitas

• Conocimientos básicos de Python (funciones, clases y listas)
• Un entorno de desarrollo con Reflex instalado. Si aún no lo tienes, sigue primero la lección 1 de Desarrollo web full stack con Python y Reflex.

Puedes probar los ejemplos de esta página sin instalar nada. Si quieres escribirlos tú mismo, pega la función del ejemplo en el archivo principal de tu proyecto Reflex y regístrala con app.add_page(nombre_funcion).

Documentación original

Este curso se basa en la sección Getting Started › Basics de la documentación oficial de Reflex, con el orden y las explicaciones reorganizados para principiantes. Todos los ejemplos se ejecutaron y verificaron en Reflex 0.10.0.