Reagirajte izvorno - osnovne naredbe objašnjene sa primjerima

Programiranje

Ovdje ćete pronaći popis osnovnih naredbi za početak razvoja iOS i Android aplikacija pomoću React Native. Ako ga još nemate, toplo se preporučuje da slijedite službeni vodič.

Pokretanje novog projekta

Postoje različiti načini na koje možete pokrenuti reakcijsku nativnu aplikaciju. Možete koristiti Expo ili create-react-native-app(koji pak koristi Expo-Cli) za pokretanje vašeg novog projekta, ali ovom metodom imate veću kontrolu nad onim što se dogodilo u vašem projektu i možete komunicirati, doraditi i napisati vlastite module s matičnim knjižnicama za iOS i mobilna platforma Android.

react-native init [PROJECT-NAME] cd [PROJECT-NAME]

Pokrenite aplikaciju u Android emulatoru

Ova naredba sama po sebi objašnjava i kako kaže, pokrenut će Android emulator i instalirati aplikaciju koju ste upravo kreirali. Morate biti u korijenu projekta da biste pokrenuli ovu naredbu.

react-native run-android

Pokrenite aplikaciju u iOS emulatoru

Ova naredba radi potpuno isto kao i react-native run-androidumjesto Android emulatora otvara iPhone simulator.

react-native run-ios

Povezati ovisnosti s izvornim projektima

Neke knjižnice imaju ovisnosti koje trebaju biti povezane u izvornom kodu generiranom za React Native. Ako nešto ne funkcionira nakon što instalirate novu knjižnicu, možda je to zato što preskačete ovaj korak.

react-native link [LIBRARY-NAME]

Prozirni snop

Ako se nešto ne pokrene prema očekivanjima, možda ćete trebati očistiti i stvoriti novi paket pomoću ove naredbe.

watchman watch-del-all

Podrška dekoratere

JSX po defaultu ne podržava uređivače pa morate instalirati dodatak Babel da bi to funkcioniralo.

npm install babel-plugin-transform-decorators-legacy --save npm install babel-plugin-transform-class-properties --save

Izvoz APK-a za pokretanje na uređaju

Sljedećim naredbama imat ćete i nepotpisani apk tako da možete instalirati i dijeliti sa svojim kolegama u svrhu testiranja. Samo zapamtite da ovaj apk nije spreman za prijenos u App Store ili produkciju. Svoj svježi apk pronaći ćete u android/app/build/outputs/apk/app-debug.apk.

1. Izrada paketa za uklanjanje pogrešaka

react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

2. Stvorite izgradnju ispravljača pogrešaka

cd android ./gradlew assembleDebug

Više resursa na React Native:

  • Kako izraditi mobilne aplikacije s React Native
  • Funkcionalne vs klase komponente u React Native
  • Kako testirati reagiranje nativnih aplikacija pomoću Jest i Enzima