3

estoy iniciándome en esto de React. Por lo que estoy viendo no hay otra forma de usar React que no sea escribiéndolo en JSX y luego compilarlo con Babel para que funcione. Pero para poder usar Babel desde consola tengo que usar Node.js. Sino la única que me queda es usar Babel desde la web, pero claramente este método no es para nada práctico. Yo estoy usando Django para el lado del servidor, por lo que no quiero tener que empezar a implementar código del lado del server en Node. Solo usarlo para el frontend. ¿Hay alguna manera de hacerlo?

3
  • 4
    Solo para clarificar, si estás desarrollando tanto el frontend como el backend, puede parecer que necesitas NodeJS del lado del servidor, pero no es así en realidad. Piensa que solo desarrollas el frontend, necesitas NodeJS para el desarrollo. Una vez que tu frontend está en producción, no necesitas NodeJS. Usar Babel desde la web, puede parecer lento, pero solo se usa en desarrollo.
    – toledano
    Commented el 15 nov. 2016 a las 17:57
  • Gracias por responder! Exactamente como decís vos, se usa en desarrollo, pero como solo es posible ver los resultados con el código compilado era medio tedioso tener que compilar cada vez que se efectuaba un cambio. Con la respuesta de abajo ya se compila automáticamente. Después en producción lo compilare para mejor performance
    – Genarito
    Commented el 15 nov. 2016 a las 18:26
  • 1
    Si usas gulp o grunt puedes vigilar los cambios... incluso usando el transpilador de la CDN, puedes usar lite-server para ver los cambios de inmediato.
    – toledano
    Commented el 15 nov. 2016 a las 20:02

2 respuestas 2

5

Para usar JSX, sí es necesario usar un Transpiler como Babel, la mejor solución para no usar Node sería usar babel-standalone vía el CDN. Hacer tus scripts por separado y cargarlos. babel-standalone te ofrece las herramientas para compilarlo en línea.

Si no quieres usar el CDN, podrías crear una pequeña instalación de Node en tu máquina local, usar Webpack o babel-cli para compilar el JSX y subirlo a tu servidor.

Aquí puedes encontrar más información sobre babel-standalone.

1
  • Muchisimas gracias! Justo lo que buscaba!
    – Genarito
    Commented el 15 nov. 2016 a las 17:44
2

Si quieres evitar la configuracion con babel y web pack y empezar lo mas rapido con el fron end te recomiendo react-create-appes el cli recomendado por el equipo de facebook para empezar tu front end sin meterte con node, babel y webpack, ya es ta todo configurado para que empiezes a programar con react.

Esta aplicacion se deberia comunicar con tu back en Django atra vez de servicio haciendo peticiones http desde el front al back para obtener la informacion que necesites.

react-create-app tiene un comando para hacer le buil de tu proyecto npm run build y lo puedes subir facilmente a tu host como heroku aws etc.

1
  • No estaba enterado! Gracias por la info y responder! Muy buena herramienta!
    – Genarito
    Commented el 5 jul. 2017 a las 21:59

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.