Proyecto realizado durante emisiones en directo desde Twitch
Desde la versión 0.4.0, Reflex utiliza Radix (en vez de Chakra) como sistema de componentes de UI. Ten en cuenta la versión que usas del framework, ya que algunos elementos han podido cambiar ligeramente. Te recomiendo que revises el código del proyecto original actualizado. A partir de la versión 0.4.0, todos los componentes de Chakra estarán en rx.chakra
.
Ejemplo:
import reflex as rx
rx.button() # Ahora este será el botón de Radix
rx.chakra.button() # Anterior botón de Chakra
Aquí tienes un artículo con toda la información sobre la nueva versión.
- Curso de Python Web
- Lección 1 - Introducción
- Lección 2 - Características
- Lección 3 - Instalación
- Lección 4 - Primeros pasos
- Lección 5 - Fundamentos
- Lección 6 - Hola mundo
- Lección 7 - Componentes
- Lección 8 - Maquetación
- Lección 9 - Estilos
- Lección 10 - Colores e iconos
- Lección 11 - Fuentes
- Lección 12 - Imágenes
- Lección 13 - Fuentes remotas
- Lección 14 - Diseño responsive
- Lección 15 - Accesibilidad
- Lección 16 - Despliegue
- Próximos pasos
Tienes un canal llamado "python" en el servidor de Discord de la comunidad para preguntar, compartir y ayudar.
- Curso de Python Web avanzado
- Lección 1 - Refactorización
- Lección 2 - Actualización datos
- Lección 3 - Router
- Lección 4 - Componentes React
- Lección 5 - Hosting nativo
- Lección 6 - Backend
- Lección 7 - Docker
- Lección 8 - CORS
- Lección 9 - GitHub Actions
- Lección 10 - Infraestructura
- Lección 11 - API
- Lección 12 - Estados
- Lección 13 - Integración API
- Lección 14 - Datos en tiempo real
- Lección 15 - Supabase y PostgreSQL
- Lección 16 - JSON serializable
- Lección 17 - Base de datos
- Lección 18 - Feature flags
- Lección 19 - Query PostgreSQL
- Lección 20 - Cálculo de fechas
- Lección 21 - Migración RadixUI
- Lección 22 - Carga de datos
- Lección 23 - Cliente / Servidor
- Lección 24 - Animaciones
- Lección 25 - Otras características
- Próximos pasos
Durante el curso aprenderemos desarrollo web con Python puro utilizando el framework Reflex. Realizaremos un proyecto práctico que consistirá en desarrollar y publicar mi nueva web de links moure.dev (añadiéndole nuevas funcionalidades). Todo el código está disponible para que cualquiera pueda usarlo.
Proyecto práctico extra de código libre que consistirá en desarrollar y publicar la web del Calendario de aDEViento de la comunidad. Una activdad donde repartimos cursos y libros sobre programación en Navidad.
Estas son otras webs de código libre que he desarrollado para que puedas consultar su código y funcionalidades.
Todo el contenido se ha creado en directo desde Twitch, y en este repositorio podrás encontrar las clases en vídeo, el código programado, enlaces de interés y la información relevante.
- Es un curso desde cero y no necesitas conocimientos previos sobre desarrollo web.
- Recuerda que he creado en el Discord un canal "🐍python" para que puedas comentar lo que quieras.
- Web oficial de Python
- Web oficial de Reflex
- Documentación oficial de Reflex
- Repositorio en GitHub de Reflex
- Visual Studio Code
- Documentación CSS
- Curso de CSS
- Chakra UI
- Google Fonts
- Font Awesome
- Vercel
- Radix UI
- Ant Design
- Railway
- Twitch API
- Supabase
- ConfigCat
Si quieres aprender desde cero, tienes gratis todos los tutoriales que he creado. Más de 44 horas desde fundamentos, frontend, backend o integración con IA.
Si quieres unirte a nuestra comunidad de desarrollo, aprender programación de Apps, mejorar tus habilidades y ayudar a la continuidad del proyecto, puedes encontrarnos en:
Soy ingeniero de software desde 2010. Desde 2018 combino mi trabajo desarrollando Apps con la creación de contenido formativo sobre programación y tecnología en diferentes redes sociales como @mouredev.