INHOUDSOPGAWE:

Hoe skep ek 'n projek in react redux?
Hoe skep ek 'n projek in react redux?

Video: Hoe skep ek 'n projek in react redux?

Video: Hoe skep ek 'n projek in react redux?
Video: Redux Tutorial - Learn Redux from Scratch 2024, April
Anonim

Om skep 'n nuwe projek , plaas net npx voor skep - reageer -toepassing redux -kra. Dit installeer skep - reageer -toepassing wêreldwyd (as dit nie geïnstalleer is nie) en skep ook 'n nuwe projek.

Redux winkel

  1. Behou aansoek staat.
  2. Laat toegang tot staat toe via getState().
  3. Laat toe dat staat opgedateer word via versending (aksie).

Wat dit betref, hoe voeg ek Redux by 'n reaksieprojek?

Stap-vir-stap: Hoe om Redux by 'n React-app te voeg

  1. Stap 1: Voer Redux NPM-pakkette in.
  2. Stap 2: Skep 'n verkleiner.
  3. Stap 2: Skep 'n Redux-winkel.
  4. Stap 3: Draai die hooftoepassingskomponent toe met die verskaffer.
  5. Stap 4: Skep en koppel 'n houerkomponent.
  6. Stap 5: Kies en transformeer staat vanaf Redux Store.
  7. Stap 6: Gebruik die staat in die aanbiedingskomponent.

Ook, hoe maak jy 'n produksie-app om te reageer? Hierdie stappe sal werk vir enige React-toepassing wat met create-react-app gebou is.

  1. Stap 1: Skep 'n React-toepassing.
  2. Stap 2: Voeg jou eie toepassingikoon by die publieke gids.
  3. Stap 3: Skep 'n Express JS-bediener om jou produksiebou te bedien.
  4. Stap 4: Skep 'n React-produksiebou.
  5. Stap 5: Verhoed dat bronkode ontplooi word.

Om ook te weet, is hoe begin jy 'n reaksie-projek?

Die opstel van 'n React-projek

  1. Stap 1: Installeer die voorbeeldtoepassing. Kloon die es6-tutorial-react-bewaarplek: git-kloon
  2. Stap 2: Stel Babel en Webpack op. Maak 'n opdragprompt oop en navigeer (cd) na die es6-tutorial-react-gids.
  3. Stap 3: Bou en hardloop.

Hoe gebruik ek die React Redux-app?

Aan die gang kom

  1. Die skep van 'n toepassing. Om 'n nuwe toepassing te skep, hardloop: create-react-redux-app-structure my-app cd my-app/
  2. Berei konfigurasie voor. json vir bou-konfigurasies.
  3. Installasie. npm installeer of garing installeer.
  4. Begin bou script. Kyk bietjie na Bou Scripts afdeling.
  5. Begin bediener. node index.js of npm run bediener.

Aanbeveel: