Początek
Był już wpis o tym czy warto używać React Native, w którym opisałem metody tworzenia projektu. W tym wpisie postaram się pokazać jak najłatwiej zacząć przygodę z programowaniem w tym frameworku.
Co będzie potrzebne?
npm – menadżer pakietów (możemy zainstalować go wraz z Node.js)
Gdy już będziemy mieli menadżer pakietów, to za jego pomocą instalujemy kreator projektu. Możemy to zrobić wpisując polecenie w terminalu
npm install -g create-react-native-app
(-g, ponieważ instalujemy pakiet globalnie, tak abyśmy mogli go wywołać z konsoli)
Następnie wpisujemy w konsolę:
create-react-native-app Projekt
cd Projekt
Pierwsze polecenie stworzy nam katalog projektu pod nazwą Projekt, za pomocą drugiego polecenia przejdziemy do stworzonego katalogu.
Teraz gdy jesteśmy już w katalogu, możemy uruchomić nasz projekt za pomocą
npm start
Naszym oczom powinien ukazać się taki widok:
Aby podejrzeć nasz projekt, będzie potrzebny nam emulator, lub smartfon. Jak zainstalować emulator, opiszę innym razem, na razie pokaże wam jak podejrzeć projekt za pomocą urządzenia mobilnego.
Mamy dwie opcje. Możemy podłączyć naszego smartfona za pomocą USB lub zeskanować kod QR i połączyć się za pomocą wifi. Na początek musimy zainstalować aplikację Expo na urządzeniu, możecie ją ściągnąć z google play lub z app store. Po zainstalowaniu, włączamy aplikację i wybieramy „Scan QR Code”, następnie skanujemy kod QR wyświetlony w konsoli.
Na urządzeniu powinien nam się pojawić taki widok:
Jeśli chcielibyśmy podłączyć urządzenie za pomocą kabla USB, to na urządzeniu musimy włączyć tryb debugowania i możliwość instalacji aplikacji, nie pochodzących z zaufanych źródeł.
Aby dowiedzieć się jak użyć emulatora do podglądu projektu, zapraszam tutaj.
