Читать книгу React Native w akcji - Nader Dabit - Страница 7
ОглавлениеKsiążka React Native w akcji została napisana, aby umożliwić szybkie i bezproblemowe rozpoczęcie działania w środowisku React Native. Wykorzystuje połączenie rzeczywistych przykładów, dyskusji na temat interfejsów API oraz technik programistycznych, a także koncentruje się na uczeniu rzeczy, które mają przełożenie na rzeczywiste scenariusze.
Książka rozpoczyna się od przeglądu React Native w rozdziale 1 i opisu jego działania w rozdziale 2. Począwszy od rozdziału 3, aż do końca książki będziemy tworzyć aplikacje zawierające funkcjonalności, które byłyby używane do budowania aplikacji w prawdziwym świecie. Książka zagłębia się w takie tematy, jak architektura danych, nawigacja i animacje, dzięki czemu będzie można doskonale zrozumieć, jak tworzyć aplikacje mobilne za pomocą React Native.
Książka została podzielona na 4 części i 12 rozdziałów:
■ Część I: „Pierwsze kroki z React Native”:
− Rozdział 1 wprowadza do React Native przez pokazanie, czym on jest, jak działa, jakie są jego związki z React oraz kiedy warto używać React Native (a kiedy nie). Ten rozdział zawiera przegląd komponentów React Native, które stanowią jego rdzeń. Rozdział kończy się utworzeniem małego projektu w React Native.
− Rozdział 2 dotyczy stanu (state) i właściwości (props): czym one są, jak działają i dlaczego są ważne w rozwoju aplikacji React Native. Zawiera także specyfikację komponentów React oraz metody dotyczące cyklu życia w React.
− W rozdziale 3 zbudujemy od podstaw pierwszą aplikację React Native – listę zadań TODO – i dowiemy się, jak korzystać z menu programisty w iOS i Androidzie, aby między innymi debugować swój program.
■ Część II: „Tworzenie aplikacji w React Native”. Po zapoznaniu się z podstawami będziemy mogli zacząć wprowadzać dodatkowe elementy do swojej aplikacji React Native. Rozdziały w tej części dotyczą stosowania stylów, nawigacji, animacji i eleganckich sposobów przetwarzania danych przy użyciu architektur danych (ze szczególnym uwzględnieniem Reduksa):
− Rozdziały 4 i 5 pokazują, jak stosować style: bezpośrednio z komponentami lub w arkuszach stylów, do których komponenty mogą się odwoływać. Ponieważ komponenty React Native są głównymi elementami budującymi interfejs aplikacji, rozdział 4 poświęca trochę czasu na nauczenie przydatnych rzeczy, które można zrobić z komponentem View. Rozdział 5 bazuje na umiejętnościach zdobytych w rozdziale 4 – obejmuje aspekty stylów specyficzne dla pewnych platform, a także niektóre zaawansowane techniki ułatwiające tworzenie aplikacji, w tym korzystanie z Flexboksa.
− Rozdział 6 pokazuje, jak korzystać z dwóch najczęściej zalecanych i najczęściej używanych bibliotek nawigacyjnych: React Navigation i React Native Navigation. Omówimy tworzenie trzech głównych typów nawigatorów – kart, stosu i szuflady (drawer) – oraz omówimy sposób zarządzania stanem nawigacji.
− Rozdział 7 obejmuje cztery rzeczy, które musimy zrobić, aby utworzyć animacje, cztery rodzaje animowanych komponentów, które są dostarczane z Animated API, informacje o tym, jak tworzyć niestandardowe animowane komponenty, oraz kilka innych przydatnych umiejętności.
− W rozdziale 8 omówimy obsługę danych za pomocą architektur danych. Ponieważ Redux jest najszerzej przyjętą metodą przetwarzania danych w ekosystemie React, wykorzystamy ją do zbudowania aplikacji. Dzięki temu poznamy umiejętności potrzebne do obsługi danych. Zobaczymy, jak korzystać z Context API oraz jak wdrożyć Reduksa z aplikacją React Native, używając reduktorów (reducers) do utrzymywania stanu Reduksa i usuwania elementów z przykładowej aplikacji. Dowiemy się również, jak używać dostawców (providers) do przekazywania globalnego stanu do reszty aplikacji, jak korzystać z funkcji connect, aby uzyskać dostęp do przykładowej aplikacji z komponentu podrzędnego, oraz jak korzystać z akcji w celu dodawania funkcjonalności.
■ Część III: „Korzystanie z API”. React Native oferuje wiele interfejsów API. Rozdziały w tej części dotyczą wieloplatformowych interfejsów API, a także interfejsów API specyficznych dla platform iOS i Android:
− Rozdział 9 omawia korzystanie z wieloplatformowych interfejsów API React Native, które mogą być używane na iOS lub Androidzie do tworzenia alertów; wykrywania, czy aplikacja jest na pierwszym planie, w tle, czy nieaktywna; utrwalania, pobierania i usuwania danych; przechowywania i aktualizowania tekstu w schowku urządzenia oraz wykonywania szeregu innych przydatnych funkcjonalności.
− Rozdziały 10 i 11 poświęcone są interfejsom API React Native, które są specyficzne dla platformy iOS lub Android.
■ Część IV: „Wszystko razem”. Ta część w jednej aplikacji łączy wszystko to, co opisano we wcześniejszych rozdziałach – style, nawigację, animacje i niektóre komponenty międzyplatformowe:
− Rozdział 12 rozpoczyna się od przyjrzenia się całościowemu projektowi i podstawowego przeglądu tego, co aplikacja będzie robić. Następnie utworzymy nową aplikację React Native i zainstalujemy bibliotekę React Navigation, zagłębimy się w stosowanie stylów zarówno dla komponentów, jak i elementów nawigacyjnych interfejsu użytkownika. Będziemy także korzystać z danych z zewnętrznych zasobów sieciowych pobranych za pomocą Fetch API i ostatecznie zbudujemy aplikację, która pozwoli użytkownikom przeglądać informacje o ich ulubionych postaciach z Gwiezdnych wojen.
Książka zawiera wiele przykładów kodu źródłowego, zarówno w postaci numerowanych listingów, jak i wewnątrz zwykłego tekstu. W obu przypadkach kod źródłowy jest sformatowany czcionką o stałej szerokości, aby oddzielić go od zwykłego tekstu.
W wielu przypadkach oryginalny kod źródłowy został ponownie sformatowany; dodaliśmy podziały wierszy i zmienione wcięcia, aby wykorzystać dostępne miejsce w książce. W rzadkich przypadkach nawet to nie wystarczyło, a listingi zawierają znaczniki kontynuacji wiersza (➥).
Ponadto z listingów z kodem źródłowym były często usuwane komentarze – w sytuacjach, gdy kod był opisany w tekście. Adnotacje do kodu towarzyszą wielu listingom, podkreślając ważne pojęcia.
Kod źródłowy przykładów książki jest dostępny na stronie wydawcy: www.manning.com/books/react-native-in-action oraz na GitHubie: https://github.com/dabit3/react-native-in-action.
Zakup React Native w akcji umożliwia bezpłatny dostęp do prywatnego forum internetowego prowadzonego przez Manning Publications, gdzie można zamieszczać komentarze na temat książki, zadawać pytania techniczne i otrzymywać pomoc od autorów i innych użytkowników. Aby uzyskać dostęp do forum, należy przejść do strony https://livebook.manning.com/#!/book/react-native-in-action/discussion. Więcej o forach Manninga i zasadach korzystania można także dowiedzieć się na https://livebook.manning.com/#!/discussion.
Zobowiązanie Manninga względem swoich czytelników polega na zapewnieniu miejsca, w którym może odbywać się konstruktywny dialog między poszczególnymi czytelnikami oraz między czytelnikami a autorami. Nie jest to zobowiązanie do konkretnej formy uczestnictwa ze strony autorów, których wkład na forum pozostaje dobrowolny (i niepłatny). Sugerujemy zadawanie autorom wielu wymagających pytań, aby dzięki temu mogli zgłębiać temat. Forum i archiwa poprzednich dyskusji będą dostępne na stronie internetowej wydawcy tak długo, jak książka będzie publikowana.