React_16_Framework_dla_profesjonalistow_reac16.pdf

(2091 KB) Pobierz
Tytuł oryginału: Pro React 16
Tłumaczenie: Piotr Rajca
ISBN: 978-83-283-6246-8
First published in English under the title Pro React 16 by Adam Freeman, edition: 1
Copyright © Adam Freeman, 2019
This edition has been translated and published under licence from APress Media, LLC,
part of Springer Nature.
APress Media, LLC, part of Springer Nature takes no responsibility and shall not be made liable for the
accuracy of the translation.
Polish edition copyright © 2020 by Helion SA
All rights reserved.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any
means, electronic or mechanical, including photocopying, recording or by any information storage
retrieval system, without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Autor oraz Helion SA dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne
i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym
ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Helion SA nie ponoszą również
żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych
w książce.
Helion SA
ul. Kościuszki 1c, 44-100 Gliwice
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/reac16
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis treści
O autorze ..................................................................................................... 17
O recenzencie technicznym ......................................................................... 18
Część I
Rozdział 1.
Rozpoczynanie prac z frameworkiem React .............................19
Twoja pierwsza aplikacja Reacta ................................................................. 21
Przygotowanie środowiska programistycznego ..................................................................21
Instalacja Node.js ..............................................................................................................21
Instalacja pakietu create-react-app ................................................................................22
Instalacja Git ......................................................................................................................23
Instalacja edytora ..............................................................................................................23
Instalacja przeglądarki .....................................................................................................23
Tworzenie projektu .................................................................................................................24
Prezentacja struktury projektu .......................................................................................25
Dodanie frameworka CSS Bootstrap .............................................................................26
Uruchamianie narzędzi dla programistów ...................................................................27
Usuwanie treści zastępczej .....................................................................................................28
Wyświetlanie treści dynamicznych .......................................................................................29
Wyjaśnienie zmian danych stanu ...................................................................................30
Dodawanie możliwości aplikacji listy zadań .......................................................................33
Wyświetlanie zadań do zrobienia ...................................................................................35
Wprowadzanie dodatkowych komponentów .....................................................................38
Stosowanie komponentów podrzędnych ......................................................................40
Ostatnie szlify ...........................................................................................................................41
Zarządzanie prezentacją zakończonych zadań .............................................................42
Trwałe przechowywanie danych ....................................................................................44
Podsumowanie .........................................................................................................................47
Kup książkę
Poleć książkę
SPIS TREŚCI
Rozdział 2.
Zrozumieć React .......................................................................................... 49
Czy powinienem używać Reacta? ......................................................................................... 50
Aplikacje z komunikacją dwukierunkową .................................................................... 50
Aplikacje jednostronicowe .............................................................................................. 50
Problem złożoności aplikacji .......................................................................................... 51
Co muszę wiedzieć? ................................................................................................................. 52
Jak skonfigurować środowisko programistyczne? .............................................................. 52
Jaka jest struktura tej książki? ................................................................................................ 52
Część 1. Początki stosowania frameworka React ......................................................... 52
Część 2. Praca z frameworkiem React ........................................................................... 52
Część 3. Tworzenie złożonych aplikacji Reacta ........................................................... 53
Czy w książce jest dużo przykładów? ................................................................................... 53
Skąd pobrać kody źródłowe przykładów? ........................................................................... 54
Gdzie szukać informacji o poprawkach? ............................................................................. 55
Podsumowanie ......................................................................................................................... 55
Rozdział 3.
Podstawy HTML, JSX i CSS ........................................................................... 57
Przygotowania do prac w tym rozdziale .............................................................................. 57
Przygotowanie pliku HTML i komponentu ................................................................. 58
Uruchamianie przykładowej aplikacji ........................................................................... 59
Język HTML i elementy DOM .............................................................................................. 60
Treść elementu .................................................................................................................. 61
Atrybuty ............................................................................................................................. 63
Dynamiczne zmienianie elementów HTML ................................................................ 63
Dynamiczne tworzenie elementów przy użyciu klasy Component .......................... 65
Stosowanie wyrażeń w elementach Reacta .......................................................................... 66
Łączenie wyrażeń i treści statycznych ........................................................................... 67
Wykonywanie obliczeń w wyrażeniach ........................................................................ 67
Dostęp do właściwości i metod komponentu .............................................................. 69
Stosowanie wyrażeń do ustawiania wartości właściwości .......................................... 70
Stosowanie wyrażeń do obsługi zdarzeń ....................................................................... 71
Prezentacja frameworka Bootstrap ....................................................................................... 72
Stosowanie klas frameworka Bootstrap ........................................................................ 72
Stosowanie frameworka Bootstrap do tworzenia siatek ............................................. 74
Stosowanie frameworka Bootstrap w tabelach ............................................................. 75
Stosowanie frameworka Bootstrap w formularzach ................................................... 77
Podsumowanie ......................................................................................................................... 78
Rozdział 4.
Podstawy JavaScriptu .................................................................................. 79
Przygotowania do lektury tego rozdziału ............................................................................ 79
Stosowanie instrukcji .............................................................................................................. 82
Definiowanie i stosowanie funkcji ........................................................................................ 82
Definiowanie funkcji z parametrami ............................................................................. 83
Definiowanie funkcji zwracających wyniki .................................................................. 85
Stosowanie funkcji jako argumentów innych funkcji ................................................. 86
Stosowanie zmiennych i typów ............................................................................................. 87
Stosowanie typów prostych ............................................................................................. 89
6
Kup książkę
Poleć książkę
SPIS TREŚCI
Stosowanie operatorów JavaScriptu .....................................................................................91
Stosowanie instrukcji warunkowych .............................................................................92
Porównanie operatorów równości i identyczności ......................................................93
Jawna konwersja typów ...................................................................................................94
Stosowanie tablic .....................................................................................................................95
Stosowanie literału tablicowego .....................................................................................96
Odczyt i modyfikacja zawartości tablic .........................................................................96
Wyliczanie zawartości tablic ...........................................................................................97
Stosowanie operatora rozproszenia ...............................................................................97
Stosowanie wbudowanych metod tablicowych ............................................................98
Stosowanie obiektów .............................................................................................................100
Stosowanie literałów obiektowych ...............................................................................101
Stosowanie funkcji jako metod .....................................................................................102
Stosowanie klas ...............................................................................................................103
Kopiowanie właściwości z jednego obiektu do drugiego .........................................104
Przechwytywanie nazw parametrów z obiektów .......................................................106
Tworzenie i stosowanie modułów JavaScript ....................................................................107
Tworzenie i użycie modułu JavaScript ........................................................................107
Eksportowanie z modułów możliwości nazwanych ..................................................109
Definiowanie wielu możliwości nazwanych w jednym module ..............................110
Obietnice języka JavaScript ..................................................................................................112
Wyjaśnienie problemu operacji asynchronicznych ...................................................112
Stosowanie obietnic ........................................................................................................113
Upraszczanie kodu asynchronicznego ........................................................................114
Podsumowanie .......................................................................................................................115
Rozdział 5.
SportsStore — prawdziwa aplikacja Reacta .............................................. 117
Przygotowanie projektu ........................................................................................................118
Instalacja dodatkowych pakietów NPM ......................................................................118
Dodanie do projektu arkuszy stylów CSS ...................................................................120
Przygotowanie usługi internetowej ..............................................................................121
Uruchomienie przykładowej aplikacji .........................................................................123
Tworzenie magazynu danych ..............................................................................................123
Tworzenie akcji magazynu danych oraz kreatorów akcji .........................................124
Tworzenie możliwości funkcjonalnych sklepu .................................................................126
Tworzenie komponentów produktu i kategorii .........................................................127
Połączenie magazynu danych z mechanizmem trasowania .....................................130
Dodanie komponentu Shop do aplikacji ....................................................................132
Poprawa przycisków wyboru kategorii .......................................................................133
Dodawanie koszyka ...............................................................................................................135
Rozbudowa magazynu danych .....................................................................................135
Tworzenie komponentu CartSummary ......................................................................137
Dodawanie komponentu szczegółów koszyka ...........................................................141
Dodanie koszyka do konfiguracji trasowania ............................................................143
Podsumowanie .......................................................................................................................145
7
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin