Changeons maintenant la couleur d’arrière-plan du bouton et le texte affiché lorsque nous appuyons sur le bouton.
Réinstallons l’application en utilisant npm run run-android.
Même après avoir changé le code et réinstallé notre application, tout se ressemble.
Bien que nous ayons apporté des modifications à notre fichier clj, une chose que nous n’avons toujours pas faite est de reconstruire notre code pour mettre à jour index.android.js, le fichier qui est réellement chargé par le bundler.
C’est là que figwheel entre en scène. Sans cela, vous devez reconstruire et installer manuellement l’application chaque fois que vous apportez des modifications à votre code. Si vous cochez project.clj, vous remarquerez que c’est exactement ce qui se passe dans le profil prod. Il n’y a pas de roue à figues, et chaque fois que vous construisez le projet, il met à jour les index.android.js et index.ios.js.
lein with-profile prod cljsbuild auto
Cependant, il s’agit d’un cycle de rétroaction très lent pendant le développement. Par conséquent, nous avons un profil dev séparé qui utilise figwheel. Pour commencer à utiliser figwheel, exécutez les commandes suivantes (assurez-vous que votre émulateur est en cours d’exécution au préalable)
1. re-natal use-android-device avd
2. re-natal use-figwheel
3. lein figwheel android
4. npm run run-android
Maintenant, vous pouvez apporter des modifications à votre code et voir le résultat en temps réel!
C’est à peu près tout! Merci d’avoir lu, et j’espère que vous avez apprécié l’article. Dans la partie suivante, construisons une application à partir de zéro!
Vous pouvez également me suivre sur Medium et Github. 🙂