Pierwsza aplikacja w React Native

Tutaj podam kilka pomocnych bibliotek i narzędzi, z których korzystałem w mojej aplikacji.

• Kiedy zaczynamy tworzenie aplikacji React Native, najpierw musimy zdecydować się na środowisko pracy, takie jak Expo lub CLI .
• Zacznijmy więc od CLI…
  - W mojej aplikacji użyłem CLI i wolę CLI, ponieważ na expo możemy mieć pewne ograniczenia dotyczące bibliotek i innych zablokowanych części.
  - W przypadku iOS należy skonfigurować Xcode, a w przypadku Androida potrzebne jest Android Studio.
  - Odniesienie :https://reactnative.dev/docs/environment-setup
• Następnie musimy zdecydować się na narzędzie programistyczne (IDE). mamy wiele opcji na to samo. ale wolę Visual Studio Code, ponieważ jest to bardzo lekkie narzędzie do tworzenia aplikacji.
• Struktura projektu:
  to najważniejsza część każdego rozwoju oprogramowania. Globalnie mamy wiele projektów i struktury katalogów, więc użyj najprostszej i zrozumiałej struktury, która będzie pomocna w identyfikacji błędów i łatwa w rozwoju. (Konserwacja i dostępność)
• Zarządzanie stanem: W przypadku React native najprostszą odpowiedzią jest Redux , i jest łatwy do wdrożenia i zarządzania stanem.

Używaj nawet mniej pakietów innych firm i twórz własne niestandardowe komponenty lub strukturę narzędzi, aby poprawić wydajność.

Przykład: na początku próbowałem kilku bibliotek walidacyjnych dla pól wejściowych, ale potem pomyślałem „dlaczego używam innych nietypowych funkcji, które zapewniają te biblioteki?” ponieważ w bibliotekach mogą znajdować się funkcje nieodpowiednie i nieprzydatne dla naszej aplikacji, polecam stworzyć do tego własne narzędzia.

• Nawigacja: w czasie rozwoju utknąłem na pewnym poziomie z procesem nawigacji,
• ponieważ w React natywnym mamy wiele pakietów do nawigacji, ale z tego niektóre są przydatne, a inne nie.
  - Musimy więc zdecydować, który jest najlepszy zgodnie z naszymi wymaganiami aplikacji.
  - Więc tutaj użyłem React-Navigation do przepływu nawigacji.
  -https://reactnavigation.org/docs/getting-started
• Usługa API: Jeśli mamy 2 lub 3 wywołania usługi internetowej, niż ja preferuję pobieranie, jest to najlepsza opcja.
  - Ale jeśli mamy więcej, to wolę wybrać Axios . Axios zapewnia najlepszą strukturę odpowiedzi i obsługę błędów, dzięki czemu możemy łatwo zidentyfikować odpowiedź, a także błędy.
• Uwierzytelnianie społecznościowe:
  W mojej aplikacji zaimplementowałem:

Logowanie na Facebooku :

Zaloguj się Apple :

• Lista rozwijana:
  szukając listy rozwijanej w natywnym React, dostaniesz za to wiele pakietów.
  Ale wolę ten, ponieważ jest łatwy w użyciu i można go bardzo dostosować.
  (Wystarczy zbadać problem zIndex, rozwiążesz go, dodając opakowanie View)
• Numer telefonu z krajem:
  Aby wybrać kraj, wystarczy dodać ten składnik w pobliżu pola wprowadzania tekstu Telefon. jest łatwy w użyciu i konfigurowalny.
• Skanowanie kodów QR:
  po prostu dostosowuję tę bibliotekę do pełnoekranowego skanowania kodów QR.
• Usługi lokalizacyjne:
  służy do uzyskania lokalizacji użytkownika:

• Powiadomienie push:
  wystarczy skonfigurować powiadomienia Firebase i Apple.
• Wykres:
  Użyłem wykresu kołowego do wyświetlania niektórych danych.
• Lokalny magazyn:
• Przeliczanie walut:
• Selektor obrazów:
• Wybór daty i godziny:
• Prześlij plik na serwer S3:
• Niestandardowy ekran powitalny:
• Przesuń komórkę FlatList za pomocą przycisków:

Skakanie pomoże w Twojej aplikacji !!!
Dziękuję.
Szczęśliwego kodowania :)