Pierwsze kroki: zoptymalizuj aplikację React

Chcesz, aby Twoja strona z reakcjami była jak szybka i łatwa w obsłudze? Nie musisz szukać dalej.

Houssein Djirdeh

React to biblioteka open source, która umożliwia tworzenie UI . W tej ścieżce szkoleniowej omówione zostaną różne interfejsy API i narzędzia dostępne w ramach który warto rozważyć, aby zwiększyć skuteczność reklam użyteczność aplikacji.

Z tego przewodnika dowiesz się, jak zacząć korzystać z aplikacji React. W pozostałych podręcznikach w tej sekcji omawiamy tematy pozwalające zoptymalizować ułatwienia dostępu w aplikacji React.

Dlaczego to jest przydatne?

Można tam znaleźć wiele wskazówek, jak tworzyć szybkie i niezawodne narzędzia innych aplikacji. Nie ma jednak wielu, które pokazują, jak tworzyć szybkie i niezawodne narzędzia React. aplikacji. Te przewodniki omawiają wszystko z perspektywy Reakcji tylko dla bibliotek, interfejsów API i funkcji właściwych dla że wspomniano o ekosystemie React.

Czego się nauczysz?

Samouczki w tej ścieżce szkoleniowej nie dotyczą:

  • Jak korzystać z React
  • Jak działa React

Choć oba te pojęcia będą poruszane w razie potrzeby, wszystkie przewodniki oraz ćwiczenia z programowania w tej sekcji, skoncentrujemy się na tym, dostępnych na stronach React. Dlatego podstawowa wiedza o React jest wymagane.

Utwórz aplikację React

Create React App (CRA) to to najprostszy sposób na rozpoczęcie tworzenia aplikacji React. Domyślnym ustawieniem jest z wieloma kluczowymi funkcjami, w tym systemem kompilacji który zawiera pakiet modułów (webpack) i transpiler (Babel).

Wystarczy uruchomić to polecenie w powłoce wiersza poleceń, aby utworzyć aplikacja:

npx create-react-app app-name

Po zakończeniu wykonywania polecenia możesz przejść do aplikacji i ją uruchomić za pomocą tych poleceń:

cd new-app
npm start

Poniższy fragment przedstawia strukturę katalogu i faktyczną stronę internetową nowego pliku wczytano aplikację CRA.

Istnieje wiele plików konfiguracji i skryptów, które są używane przez CRA pakietu internetowego i procesu kompilacji Babel, który obejmuje Jest gotowa do testowania. Aby ułatwić użytkownika, te pliki są ukryte i nie będzie można uzyskać do nich dostępu, dopóki nie usuniesz ich z CRA. it w miarę możliwości unikaj wyrzucania, ponieważ wymaga to zajęcia wszystkich tych plików konfiguracji jako własnego kodu źródłowego, co może utrudniać do zarządzania.

Struktura katalogów nowej aplikacji CRA zawiera tylko pliki, które trzeba wprowadzić zmiany, aby móc pracować nad aplikacją. DokumentacjaCRA szczegółowo omawia tę kwestię.

Co dalej?

Wiesz już, jak zacząć tworzyć aplikację Create React, więc dowiedz się, aby poprawić wydajność i ułatwienia dostępu aplikacji. tę ścieżkę szkoleniową: