Ora cambiamo il colore di sfondo del pulsante e il testo mostrato quando premiamo il pulsante.
Reinstalliamo l’app usando npm run run-android.
Anche dopo aver cambiato il codice e reinstallato la nostra applicazione tutto sembra lo stesso.
Sebbene abbiamo apportato modifiche al nostro file clj, una cosa che non abbiamo ancora fatto è ricostruire il nostro codice per aggiornare index.android.js, il file che è effettivamente caricato dal bundler.
Questo è dove figwheel entra in scena. Senza di esso, è necessario ricostruire e installare manualmente l’applicazione ogni volta che si apportano alcune modifiche al codice. Se controlli project.clj noterai che questo è esattamente ciò che accade nel profilo prod. Non c’è una figwheel e ogni volta che costruisci il progetto aggiorna index.android.js e index.ios.js .
lein with-profile prod cljsbuild auto
Tuttavia, questo è un ciclo di feedback molto lento durante lo sviluppo. Pertanto abbiamo un profilo dev separato che utilizza figwheel. Per iniziare a utilizzare figwheel eseguire i seguenti comandi (assicurarsi che il vostro emulatore è in esecuzione in anticipo)
1. re-natal use-android-device avd
2. re-natal use-figwheel
3. lein figwheel android
4. npm run run-android
Ora è possibile apportare modifiche al codice e vedere il risultato in tempo reale!
Questo è tutto! Grazie per la lettura, e spero che vi sia piaciuto l’articolo. Nella prossima parte costruiamo un’applicazione da zero!
Puoi anche seguirmi su Medium e Github. 🙂