React Native: Pierwszy projekt w Expo

0.62.2+

0:00Możemy zacząć robić naszą pierwszą aplikację na

0:04starcie chciałbym wam polecić pewną stronę reactnative.dev w której znajdziemy tak naprawdę wszystkie niezbędne

0:08informacje odnośnie naszej aplikacji znajdziemy instrukcje

0:13jak zacząć jakie jakie powinniśmy poczynić

0:18początkowe kroki i zaczniemy sobie od skonfigurowania naszego środowiska żebyśmy

0:22mogli taką aplikację wystartować na starcie pojawia nam się od razu rozgałęzienie że

0:27mam dwie ścieżki mamy ścieżkę Expo CLI Quickstart oraz

0:31React Nativeje CLI Quickstart i to jest jedno z pierwszych pytań które pojawia się wśród

0:36początkujących z którego rozwiązania skorzystać ja pokrótce mogę

0:40powiedzieć tak osobiście korzystam zawsze z React Nativeje CLI wynika

0:45to z tego że po prostu daje nam to większą kontrolę nad tym co się dzieje

0:49jesteśmy w stanie dopisywać sobie moduły

0:53natywne i robić to w dowolny sposób w jaki chcemy

0:57natomiast wymaga to również trochę więcej konfiguracji

1:02jak wejdziemy sobie tutaj w zakładki React Nativeje CLI wybierzemy sobie nasz system

1:06operacyjny i target w który celujemy czyli na przykład jeśli chcielibyśmy zrobić

1:10aplikację pod iOS-a lub pod androida to mamy instrukcję jak po

1:14kolei jak zainstalować wszystkie wymagane pakiety programy

1:19i tak dalej natomiast jak widać całkiem pokaźna ilość tego

1:23jest przypadku React Nativeje CLI a więc na start to pewnie nie jest

1:27najlepsze rozwiązanie duża fajniej i wygodniej zaczyna się z projektem Expo natomiast

1:31szczerze z mojego doświadczenia nie znam nikogo kto by korzystał z Expo w wersji

1:36produkcyjnej aczkolwiek wiem że się da i wiem że coraz

1:40więcej coraz wiecej się w środowisku Expo dzieje więc jeśli mógłbym

1:45tak podsumować te dwie różnice to po prostu Expo to jest pewne

1:49predefiniowane środowisko z którym możemy łatwiej zacząć natomiast React Nativeje CLI jest

1:53troszeczkę niżej poziomowe jeśli mógłbym to porównać to bym powiedział

1:57że Expo jest trochę jak create react app albo nawet jeszcze bardziej uogólnione a

2:01React Nativeje CLI jest jak taki ejected create react app

2:06jakby jesli chcemy zaczniemy sobie tutaj od Expo

2:10pokażę wam jak wygląda projekt natomiast domyślnie w całej naszej lekcji do

2:14tego was będę zachęcać będziemy działać sobie na React Nativeje CLI bo po

2:18prostu to będzie od was wymagane jeśli będziecie się gdzieś pójść do pracy tak więc najpierw

2:22musimy sobie globalnie zainstalować oczywiście poza tym że musimy mieć npm-a musimy

2:26sobie zainstalować nasze CLI ja juz mam to zainstalowane więc

2:30możemy przejść do stworzenia naszego projektu testowego wpisujemy sobie expo init nazwijmy

2:35nasz projekt na przykład TestProject

2:40możemy wybrać sobie template jaki chcemy mamy do wyboru template pusty

2:45jakiś minimalny w którym gdzieś tam coś się dzieje mamy do wyboru TypeScript albo javascript

2:49ja osobiście zawsze pisze w TypeScript'cie natomiast z racji tego żeby

2:53nie utrudniać wejścia w react native

2:57w trakcie całego kursu będę bedziemy operować tylko na javascripcie

3:01bo tak po prostu będzie łatwiej i szybciej wygodniej więc wybieramy sobie nasz template

3:06blank w tej chwili Expo instaluje wszystkie nasze dependencies

3:10i stworzy nam projekt okej

3:15i nasz projekt powstał i tak naprawdę to tyle

3:19tak naprawdę nasz projekt już w tej chwili jest gotowy i możemy

3:23go sobie wystartować tak jak widać możemy sobie

3:28wystartować nasz jakby projekt który możemy uruchomić

3:32w naszym telefonie

3:38acha okej przepraszam w tej chwili możemy zrobić start

3:43to jest nieistotne

3:49tak i to co jest fajne w Expo to jest to że tak tak naprawdę nasza konfiguracja mogłaby

3:53się na tym zakończyć to znaczy jeśli pobrali byśmy aplikację Expo która jest dostępna w sklepach app store

3:57i Google Play to po zeskanowaniu tego kodu mielibyśmy naszą aplikację

4:01testową już dostępną na naszych telefonach i nie musielibyśmy się martwić niczym

4:05innym nie musielibyśmy konfigurować czegokolwiek więcej tak naprawdę nasza aplikacja by stanęła

4:10z racji tego że ja mam skonfigurowane swoje środowisko z symulatorem to

4:14mogę sobie odpalić naszą aplikację na symulatorze

4:18żebyśmy tutaj wszyscy zobaczyli jak ona wygląda to co

4:22się w tej chwili dzieje to nasza aplikacja jak widzicie ładuje

4:27javascripta który jest zbundlowany przez nasz serwer do aplikacji Expo

4:31w naszym symulatorze jak zobaczycie za chwilkę jak

4:37zminimalizujemy sobie aplikację jak zobaczymy sobie że tak naprawdę nie instalujemy naszej aplikacji

4:41a instalujemy aplikację Expo i tak naprawdę już w tej chwili uruchomiliśmy

4:45naszą aplikację i możemy sobie na niej działać.