W tym celu w celu znalezienia projektu początkowego ten projekt początkowy został utworzony za pomocą aplikacji Create
React, narzędzia stworzonego przez zespół React.
Na koniec, co ułatwia tworzenie nowych reagujących projektów i daje nam taką strukturę projektu.
Trochę go poprawiłem, ale ogólnie jest to dokładnie to samo, co można uzyskać z tego narzędzia.
Dlaczego potrzebujemy takiego narzędzia?
Dlaczego po prostu nie importujemy skryptu do naszego H.
Plik HTML i zacząć?
Ponieważ React jest nieco bardziej złożony niż waniliowy JavaScript.
Ostatecznie wysyłamy waniliowy kod JavaScript, ale sposób, w jaki piszemy do kodu jest nieco wygodniejszy dla nas
jako programistów.
Możemy korzystać z niektórych funkcji, które nie działałyby w przeglądarce, dlatego też niniejsza konfiguracja
projektu zawiera kilka narzędzi, które pobierają kod, który piszemy jako programista, i faktycznie przekształcają go w
kod działający w przeglądarce.
Więc czy mieliśmy Neuroma, kod wykonywany w przeglądarce?
Ale łatwiej jest nam napisać ten kod jako programista.
Ponadto otrzymujemy serwer programistyczny, który jest prostym serwerem, który obsługuje naszą aplikację front-end, więc nie ma zaplecza
i służy tylko temu frontowi tej aplikacji i który automatycznie ładuje lub wstrzykuje zmiany za
każdym razem, gdy zmieniamy i zapisujemy coś w jednym z naszych źródeł pliki kodu.
Ponadto, tutaj dzięki REACT, budujemy aplikację na jednej stronie.
To nie jest konieczne, ale jest to powszechny wybór w aplikacji na jednej stronie.
Masz tylko jeden plik H Timal, który na końcu jest zwracany przez serwer obsługujący tę aplikację.
W tym przypadku ten plik Timmo wieku, który sam jest względnie pusty.
Ale ten plik będzie później zawierał import skryptów.
Zostaną one dodane automatycznie przez narzędzia, o których wspomniałem wcześniej, które na końcu hostują i
uruchamiają naszą aplikację reagującą, którą z kolei mamy tutaj w folderze źródłowym z naszymi plikami, które
tam mamy, dzięki czemu ostatecznie mamy aplikację internetową Front End, który składa się z jednego pliku HTML, w
którym Denn JavaScript służy do renderowania czegoś na ekranie i ponownego renderowania tego na ekranie, gdy jest
to potrzebne.
A to pozwala nam budować wysoce reaktywne nowoczesne interfejsy użytkownika, w których wszystko dzieje się natychmiast, ponieważ
JavaScript działa w przeglądarce, wszystko dzieje się natychmiast.
Nie musimy czekać na pobranie nowego pliku L z serwera.
Po prostu wszystko już tam jest.
Więc kiedy użytkownik kliknie przycisk i chcemy pokazać pole na ekranie w odpowiedzi na boom kliknięcia, dzieje
się to natychmiast z powodu JavaScript.
Właśnie takie uczucie chcemy zapewnić.
Możemy to zrobić za pomocą reakcji teraz.
Dość mówić o teorii.
Napiszmy kod.
Jak wspomniałem, robimy to tutaj, w folderze źródłowym, gdzie znajdujemy indeks do jego pliku w
pliku Chase aplikacji, oba bardzo proste pliki.
Teraz spójrzmy na zindeksowany telefon losowy.
Widzisz, mamy kilka importów na górze.
Tak przy okazji, importujesz kod z interfejsu.
Zaimportuj coś, a następnie Śiva ścieżkę względną do własnego pliku.
Lub jeśli jest to pakiet innej firmy, po prostu nazwa pakietu.
A następnie tutaj mamy import z naszych własnych plików ze ścieżką względną.
Jak już wspomniałem, tutaj w końcu wykonujemy jedno polecenie.
Reakcja renderowania Dom.
Teraz pochodzi on z obiektu React Dom tutaj, który importujemy z
biblioteki React Arm, i który renderuje tę dziwną rzecz, która nie jest zwykłym JavaScript.
To ty.
To gra na naszym H. M. strona.
To jest zwykły JavaScript.
I tutaj wybieramy element z ideą rootowania.
Jeśli spojrzymy na nasz pojedynczy plik HGL, to tutaj jest Dave.
Tak więc dane są na końcu, gdzie nasza reagująca jednostronicowa aplikacja będzie hostowana o godzinie drugiej.
I są gotowi zareagować, przejmie wszystko i wyrenderuje wszystko w tym miejscu.
Więc to właśnie tutaj robimy.
Ale czym jest to dziwne dla taty?
Musimy zrozumieć, jakie są komponenty i jak działa reagowanie.