Ahora cambiemos el color de fondo del botón y el texto que se muestra al presionar el botón.
Reinstalemos la aplicación usando npm run run-android.
Incluso después de cambiar el código y reinstalar nuestra aplicación, todo se ve igual.
Aunque hemos hecho cambios en nuestro archivo clj, una cosa que aún no hemos hecho es reconstruir nuestro código para actualizar index.android.js, el archivo que en realidad carga el bundler.
Aquí es donde figwheel entra en escena. Sin ella, necesita reconstruir e instalar manualmente la aplicación cada vez que realice algunos cambios en su código. Si marca project.clj, notará que esto es exactamente lo que sucede en el perfil prod. No hay una rueda de la cabeza, y cada vez que construyes el proyecto, actualiza index.android.js y index.ios.js .
lein with-profile prod cljsbuild auto
Sin embargo, este es un ciclo de retroalimentación muy lento durante el desarrollo. Por lo tanto, tenemos un perfil dev separado que utiliza figwheel. Para comenzar a usar figwheel, ejecute los siguientes comandos (Asegúrese de que su emulador se esté ejecutando de antemano)
1. re-natal use-android-device avd
2. re-natal use-figwheel
3. lein figwheel android
4. npm run run-android
Ahora puede realizar cambios en su código y ver el resultado en tiempo real.
¡Eso es todo! Gracias por leer, y espero que hayan disfrutado el artículo. En la siguiente parte, ¡construyamos una aplicación desde cero!
También puedes seguirme en Medium y Github. 🙂