¡Usa React con Python y sin JavaScript! Tutorial desde cero
HTML-код
- Опубликовано: 14 июл 2024
- ¡ReactPy es una biblioteca para construir interfaces de usuario en Python sin Javascript!
Y tiene componentes, props, hooks, manejador de eventos y todo lo que amas de React...
Ahora bien. ¿Es verdad que usa React? ¡Pues sí! Lo que hace ReactPy es transformar tu código en JavaScript y cargar la biblioteca de React.
00:00 - Introducción
00:20 - Instalando las dependencias
01:08 - Creando nuestro archivo principal
01:41 - Importando las dependencias
02:35 - Creando nuestro primer componente
03:10 - Levantando el entorno de desarrollo
04:00 - Cómo anidar elementos HTML
04:45 - ¿Cómo funciona ReactPy en realidad? Compila a JavaScript
06:23 - Props en componentes
07:10 - Atributos en elementos HTML
08:18 - Renderizado condicional
10:30 - Hook y useState
13:10 - Manejo de eventos on_click 
Наука
MI OPINIÓN: Obviamente no lo usaría en un proyecto real con usuarios pero me parece un experimento muy interesante y que puede ser una forma de entrar al modelo mental de React a los desarrolladores de Python. :)
¡Mira el vídeo y cuéntame tu opinión! ⬇
Hola Midu, en primer lugar buenisimos tus videos, segundo Francia y tercero, unaconsulta, si bien se entiende que no es ideal usar ReactPy en un proyecto real, ves factible un proyecto que tenga de Backend Python(django) y de Frontend React? que consideraciones crees que habria que tener en cuenta para que sea factible?
Interesante experimento. Un detalle, tu video dice "Tutorial desde cero" y al final dices "que fue una introduccion rapida"
Buen video midu, podrías también probar flet?
sin dudas , solo para desarrroladores muy enfocados en python que no les interese o guste usar javascript, si no es una abstraccion poco recomendable
@@marcopiatti92 Hola, soy relativamente nuevo en esto y aprendí Django antes de JS y React. Yo hice un backend con Django y Django-RestFramework. Lo utilizo como API del frontend hecho en React. El único problema que me llevo tiempo solucionar fue el CORS. Pero en django se soluciona con django-cors-headers. Funciona muy bien. Saludos
Está brutal esta biblioteca, une lo mejor de los dos mundos, la descubrí hace poco pero no he profundizado, pero si hace un app con la biblioteca me apunto 😊😊, y muchas gracias Midu por tus contenidos son realmente muy apreciable y por el esfuerzo de compartir tu tiempo y conocimiento 😊😊
No he visto el video pero ya lo ame jaja gracias por hacer un video mirando esta alternativa, los desarrolladores de python lo valoramos mucho ❤❤
Porfavor, midu que esto es super interesante ya había practicado con PyScript pero esto es otro nivel. Espero con ansias el nuevo video
La verdad es que esta demasiado interesante, sobre todo para aquellos que nos encanta React y Python.
Suena super interesante, en minutos podré verlo :) gracias Midu!
Gracias a ti!
Por fin un lenguaje diferente! Que bueno que estés usando Python
Dejando un comentario para que hagas un video de una app completa! Mil gracias crack
Miguel no sabes realmente el impacto que tienen tus videos en la comunidad dev latina. Gracias por el video. Dios te bendiga.
Gracias!!! 😊
mucho mejor que platzi jejej!!!
GENIAL!! Vamos por esa aplicacion completa + bbdd
Esoooo
Uff que interesante Midu, no me lo voy a perder!!🥳
Vamos!!!!
Grosoooooo MiduDev. Tengo que confesar que te había visto muchas veces en sugeridos pero no fue hasta que vi el reportaje que te hicieron en BettaTech que me convenciste. Es un privilegio aprender en canales como el tuyo. Gracias.
en lo personal me enredo con la sintaxis de JS, y con esta library doy un gran paso en mi carrera, Gracias
Muy interesante. Gracias crack! 👏
excelente como siempre midudev..!!!
Me encanta!, muchas gracias
Que conteido Midu, gracias 🤯
Gracias a ti!!!
geniaalll! para los que estamos iniciando con python me parece una gran alternativa!! tu crees que luego de construida la aplicacion se pueda empaquetar y tener una aplicacion de escritorio o solo seria para web?
wepa eso esta genial, gracias por compartir lo, sale genial para cositas rápida
Bastante interesante!.
Que genial, seria genial usar la plantilla AdminLTE con react y esta libreria en Python cpn FastAPI, seria un ejemplo completo
Al fin!! Llevo unos meses intentando aprender react, pero claro, el problema es que tampoco se javascript (ni me acaba de gustar el lenguaje). Por fin puedo usar mi queridísimo python...Ojala saques más videos de este reactpy :)
debes saber js para aprender react
@@mastermaster153 yo diría que con el reactpy no hace falta...de hecho esa es justamente la gracia del asunto, por lo que he entendido al ver el vídeo (puede que este equivocada).
aprender react de esta forma no debe ser ni considerado una opcion. Es solo una curiosidad que esta compartiendo. Aprende JS y aprende react de la forma correcta, luego puedes jugar con este tipo de herramientas
@@user-ps3vj7sz6g siempre es bueno saber que pasa por debajo en la ejecución de los programas y no digo que reactpy no sea buena opción, solo que en algunas cosas muy especificas no funcionará como te lo esperas ya que por debajo utiliza react. Dale una oportunidad más a react y js, te aseguro que una vez que lo entiendes js es precioso. Saludos.
Dale caña a esa app completa! Qué chulada!
Vamos!
Waaaooo!! Espectacular esto
muy bueno el video!!
Gracias!
Tiene buena pinta eh! Me gustaría ver una app completa
Un tutorial mas a fondo estaría genial saludos
Siii quiero la app!!
Parce es increible como sabes de todo. jajajaja
Bueno, no es que sepa de todo. Me he leído la documentación y he hecho una aplicación muy sencilla. xD tengo limitaciones, como todo el mundo!
@@midudev Mi lider, pero para llegar a la compresión cómo usted lo hace, no es cualquiera.
Muy curioso tu video pero esperemos saues otros para ver.
a darle atomos a esa segunda parte...
Pero que maravilla
Estaría interesante ver algo con contexto global.
Que interesante video, me gusta react y python... soportara django como backend?
Por supuesto!
Antes de trabajar con python deberías crear un entorno de desarrollo usando python -m env env , después ir a .\env\scripts\activate y le das enter. Después de eso si instalar los paquetes para que no te los instale de forma global
Una duda, eso quiere decir que React lo compilan el servidor que usa FastAPI, nodejs queda atrás en este tipo de apps, pero la parte "cliente" quedaría atado al servidor donde se corre python, haciendo que siempre la app tenga un diseño modelo vista controlador/vista en react
Se viene los anuncions de 5 años de experiencia en REACTPY :V
Jajajajjajaa
Me imagino una web con FastApi y una DB todo en python y luego el front con ReactPy wow
no se si lo utilizaria, es mas si lo utilizoes para aprender python pero en un proyecto ni de casualidad. por lo demas me parecio bastante interesante para poder aprender un poco mas de python
Midu, Que tal se comportaría con uso de dataframes de pandas?
mi cerebro salio a saludar... que chulada. vamosssssssssssssssss exploten los likes y comentarios quiero esa api
Yo estuve leyendo la documentacion y entiendo que esta incompleta pero por todo lo que tiene yo pensaria que seria potente para una aplicacion real, podrian explicarme por que no lo usarian en una aplicacion real?, no entiendo.
Es increible lo rápido que asimilas las cosas! cual es el truco? jjjjaa 😄
Que ya sé React y se parece mucho jajaja
Buenas midu, cual es tu video en el que hacias unas cards de neon?
¿Como haces para enterarte de estas cosas? ¿Hay algun portal o algo que recomiendes?
Es senior
@ que tiene que ver que sea senior? Más bien tiene contactos y le dedica horas al día al tema
hackernews
siguiendo desarrolladores y divulgadores en sus redes sociales
Linkedin.
Realmente a futuro, es posible encontrar empleo con el desarollo web en reactpy? porque se django para backend y me sería interesante juntarlo con esto
¿Cómo se pueden gestionar las rutas? Por ejemplo, con Flask o con Django
Podrias porfavor analizar la nueva plataforma de Streaming KICK,
Tiene muchos problemas de diseño se corta en mobil web y al poner video pantalla completa no se adapta bien.
Me tienta la idea de usar este framework, pero claro, el convertir el codigo de un lenguaje interpretado en código de otro lenguaje interpretado me da mala espina en cuanto al rendimiento. Tal vez si lo llego a usar, sería para proyectos muy de nicho, como un software para gestionar un inventario o un punto de venta
Muy bueno
reactpy se podrá utilizar con tailwind
Nada que el dios svelte no pueda hacer🗿
Pero no hay que cerrarse a aprender algo nuevo 😅😅
Interesante, pero primero tengo que aprender mejor python, harás curso de python?? xD :)
midu como puedo aprender css es que se me complica un poco
?
mejor reflex
Muy buen video, solo que he intentado replicarlo, pero cuando le doy click al http me sale en blanco, sabes a que se deba? Saludos =)
Hola! Cómo se llama la extensión que usas para que el ratón se te ponga como un + y salgan unas líneas para ver si están alineadas las cosas?
No es una extensión, es para hacer una captura con el sistema operativo.
@@midudev Vale, gracias :)
Pero como es posible este sucesooo 🤯
pues si aun tiene problemas por que no me renderiza nada :(, o tal vez lo instale mal
Parece código más limpio.
Porque no le ponen jsx? o algo asi como pyx, es que poner tantos html. se ve rara esa sintaxis
estaria interesante con pyscript
El problema de estos compiladores es que tienen que estar constantemente actualizando las APIs de ambos lenguajes para que coincidan. Tiene que ser algo muy utilizado para que valga la pena porque requiere de mucho mantenimiento. Cuando ruby estaba de moda existía algo parecido y no prosperó, aunque creo que de esa idea nació coffeescript.
Hey! ReactPy creator here. ReactPy does not compile Python to Javascript. All components are run and rendered server-side. This means you can use all the Python libraries you already know and love.
😮
Pynecone es otro proyecto que usa react con python, salió primero que ReactPy.
OMG !
no lo usaría ni loco, para una app real pincha por todos lados, pero como para divertirse un rato está bueno
Estoy de acuerdo!
es muy bueno, lo malo es el rendimient de python XD
Pero ojo que esto compila a JavaScript! Lo enseño en el vídeo!
De la lib, te creo, el rendimiento de Python es excelente. Con decirte que lo uso para escribir software para satélites :)
no le veo la utilidad, pero está interesante.
Estas pasado de abusador!! Últimamente estas sacando contenido q FLIPA!!!
Gracias, German! 🤗
Tremendo hack
oigan que es lo que usa en el segundo 0:22
para crear la carpeta
@@AlexisVTG es un comando del shell, "mkdir" sirve para crear una carpeta.
Por qué? 😅😂😂😂
Que raro se me hace verte programar Python jajajaj
Jajaja profesionalmente hace unos años ya programé en Python 😊
No lo c Rick
En mi opinión no lo usaría, me gusta Python pero me parece algo un poco innecesario, Python a lo suyo y react también
Que hardcore no ? wtf XD
uy no wakalas
euu me vendiste humo con el titulo, pone que se llama reactpy y en dos segundos se entiende el concepto, obviamente no te veo el video por vende humo
No me gusta 👎
Prefiero un tutorial de Tauri 👍
Curseadisimo
Waaaooo!! Espectacular esto
Gracias! 😊