teraz zmieńmy kolor tła przycisku i tekst wyświetlany po naciśnięciu przycisku.
zainstalujmy ponownie aplikację za pomocą npm run run-android.
nawet po zmianie kodu i ponownej instalacji naszej aplikacji wszystko wygląda tak samo.
chociaż wprowadziliśmy zmiany w naszym pliku clj, jedną rzeczą, której nadal nie zrobiliśmy, jest przebudowanie naszego kodu do aktualizacji index.android.js, pliku, który jest faktycznie ładowany przez bundler.
tu pojawia się figwheel. Bez niego musisz ręcznie odbudować i zainstalować aplikację za każdym razem, gdy wprowadzasz pewne zmiany w kodzie. Jeśli sprawdzisz project.clj zauważysz, że to właśnie dzieje się w profilu prod. Nie ma figwheel i za każdym razem, gdy budujesz projekt, aktualizuje on index.android.js i index.ios.js.
lein with-profile prod cljsbuild auto
jest to jednak bardzo powolny cykl sprzężenia zwrotnego podczas rozwoju. Dlatego mamy osobny profil dev, który wykorzystuje figwheel. Aby rozpocząć korzystanie z figwheel, uruchom następujące polecenia (upewnij się, że emulator działa wcześniej)
1. re-natal use-android-device avd
2. re-natal use-figwheel
3. lein figwheel android
4. npm run run-android
teraz możesz wprowadzić zmiany w kodzie i zobaczyć wynik w czasie rzeczywistym!
to wszystko! Dziękuję za przeczytanie, i mam nadzieję, że podobał Ci się artykuł. W następnej części zbudujmy aplikację od podstaw!
możesz również śledzić mnie na Medium i Githubie. 🙂