En aquest tema, aprendrem a configurar l'entorn de desenvolupament necessari per començar a treballar amb React Native. Aquest procés inclou la instal·lació de les eines necessàries i la configuració del nostre sistema per desenvolupar aplicacions tant per a iOS com per a Android.

Abans de començar, assegura't de tenir instal·lats els següents elements al teu sistema:

1. Node.js: React Native requereix Node.js per funcionar. Pots descarregar-lo des de nodejs.org.
2. Watchman: Una eina de Facebook per observar canvis en el sistema de fitxers. És opcional però recomanada per a desenvolupadors de macOS. Pots instal·lar-la amb Homebrew:

   brew install watchman
   

3. Java Development Kit (JDK): Necessari per a la compilació d'aplicacions Android. Pots descarregar-lo des de Oracle o utilitzar OpenJDK.

React Native proporciona dues maneres principals de crear una nova aplicació: utilitzant l'eina React Native CLI o Expo CLI. En aquest tema, ens centrarem en React Native CLI.

Per instal·lar React Native CLI, obre una terminal i executa la següent comanda:

Un cop instal·lada la CLI, pots crear un nou projecte amb la següent comanda:

Substitueix NomDelProjecte pel nom que vulguis donar al teu projecte.

Si estàs desenvolupant en un sistema macOS, pots configurar el teu entorn per a iOS. Necessitaràs Xcode, que pots descarregar des de l'App Store.

1. Instal·lar Xcode: Descarrega i instal·la Xcode des de l'App Store.
2. Instal·lar Xcode Command Line Tools: Obre Xcode, ves a Preferences > Locations i selecciona la versió de les eines de línia de comandes.

Per desenvolupar per a Android, necessitaràs Android Studio.

1. Instal·lar Android Studio: Descarrega i instal·la Android Studio des de developer.android.com.

2. Configurar Android SDK: Durant la instal·lació, assegura't de seleccionar les opcions per instal·lar l'Android SDK, l'Android SDK Platform, i l'Android Virtual Device (AVD).

3. Configurar les variables d'entorn: Afegeix les següents línies al teu fitxer ~/.bash_profile o ~/.zshrc (depèn del teu shell):

   export ANDROID_HOME=$HOME/Library/Android/sdk
   export PATH=$PATH:$ANDROID_HOME/emulator
   export PATH=$PATH:$ANDROID_HOME/tools
   export PATH=$PATH:$ANDROID_HOME/tools/bin
   export PATH=$PATH:$ANDROID_HOME/platform-tools
   

   Després, executa source ~/.bash_profile o source ~/.zshrc per carregar les noves variables d'entorn.

Un cop configurat l'entorn, pots executar la teva aplicació en un emulador o dispositiu físic.

Per executar l'aplicació en un simulador iOS, utilitza la següent comanda:

Per executar l'aplicació en un emulador Android, primer assegura't que l'emulador estigui en funcionament. Pots iniciar un emulador des d'Android Studio o utilitzar la següent comanda:

Després, executa la següent comanda per iniciar l'aplicació:

En aquest tema, hem configurat l'entorn de desenvolupament per a React Native, incloent la instal·lació de Node.js, React Native CLI, Xcode per a iOS i Android Studio per a Android. Ara estem preparats per començar a desenvolupar aplicacions amb React Native.

En el següent tema, crearem la nostra primera aplicació "Hello World" per familiaritzar-nos amb el procés de desenvolupament i execució d'aplicacions React Native.