Spisu treści:

Jak stworzyć projekt w React Redux?
Jak stworzyć projekt w React Redux?

Wideo: Jak stworzyć projekt w React Redux?

Wideo: Jak stworzyć projekt w React Redux?
Wideo: Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа! 2024, Grudzień
Anonim

Do Stwórz nowy projekt , po prostu dopisz przedtem npx Stwórz - reagować - aplikacja redux -kra. To instaluje Stwórz - reagować -app globalnie (jeśli nie został zainstalowany), a także tworzy nowy projekt.

Sklep Redux

  1. Utrzymuje stan aplikacji.
  2. Umożliwia dostęp do stanu poprzez getState().
  3. Pozwala na aktualizację stanu poprzez wysłanie(działanie).

W związku z tym, jak dodać Redux do projektu React?

Krok po kroku: Jak dodać Redux do aplikacji React

  1. Krok 1: Importuj pakiety Redux NPM.
  2. Krok 2: Utwórz reduktor.
  3. Krok 2: Utwórz sklep Redux.
  4. Krok 3: Opakuj główny składnik aplikacji za pomocą dostawcy.
  5. Krok 4: Utwórz i połącz komponent kontenera.
  6. Krok 5: Wybierz i przekształć stan ze sklepu Redux.
  7. Krok 6: Użyj stanu w komponencie prezentacyjnym.

Jak zrobić aplikację produkcyjną do reagowania? Te kroki będą działać w przypadku każdej aplikacji React utworzonej za pomocą funkcji create-react-app.

  1. Krok 1: Utwórz aplikację React.
  2. Krok 2: Dodaj własną ikonę aplikacji do folderu publicznego.
  3. Krok 3: Utwórz serwer Express JS do obsługi kompilacji produkcyjnej.
  4. Krok 4: Utwórz wersję produkcyjną Reacta.
  5. Krok 5: Zapobiegaj wdrażaniu kodu źródłowego.

Warto również wiedzieć, jak rozpocząć projekt React?

Konfigurowanie projektu React

  1. Krok 1: Zainstaluj przykładową aplikację. Sklonuj repozytorium es6-tutorial-react: git clone
  2. Krok 2: Skonfiguruj Babel i Webpack. Otwórz wiersz poleceń i przejdź (cd) do katalogu es6-tutorial-react.
  3. Krok 3: Zbuduj i uruchom.

Jak korzystać z aplikacji React Redux?

Pierwsze kroki

  1. Tworzenie aplikacji. Aby utworzyć nową aplikację, uruchom: create-react-redux-app-structure moja-aplikacja cd moja-aplikacja/
  2. Przygotuj konfigurację. json dla konfiguracji kompilacji.
  3. Instalacja. instalacja npm lub instalacja przędzy.
  4. Uruchom skrypt kompilacji. Zajrzyj do sekcji Build Scripts.
  5. Uruchom serwer. node index.js lub npm run server.

Zalecana: