Mundarija:

React redux-da loyihani qanday yarataman?
React redux-da loyihani qanday yarataman?

Video: React redux-da loyihani qanday yarataman?

Video: React redux-da loyihani qanday yarataman?
Video: Pro Video Editor РЕАГИРУЕТ НА Final Cut Pro для iPad 2024, Aprel
Anonim

Kimga yaratmoq yangi loyiha , faqat oldin npx ni qo'shing yaratmoq - reaksiyaga kirishish -ilova redux -kra. Bu o'rnatadi yaratmoq - reaksiyaga kirishish -ilova global miqyosda (agar u o'rnatilmagan bo'lsa) va yangisini yaratadi loyiha.

Redux do'koni

  1. Ilova holatini saqlaydi.
  2. GetState() orqali holatga kirishga ruxsat beradi.
  3. Vaziyatni jo'natish (harakat) orqali yangilash imkonini beradi.

Bu borada Reduxni reaksiya loyihasiga qanday qo'shishim mumkin?

Bosqichma-bosqich: Redux-ni React ilovasiga qanday qo'shish kerak

  1. 1-qadam: Redux NPM paketlarini import qiling.
  2. 2-qadam: Reduktor yarating.
  3. 2-qadam: Redux do'konini yarating.
  4. 3-qadam: Asosiy ilova komponentini provayder bilan o‘rab oling.
  5. 4-qadam: Konteyner komponentini yarating va ulang.
  6. 5-qadam: Redux do'konidan holatni tanlang va o'zgartiring.
  7. 6-qadam: Taqdimot komponentida davlatdan foydalaning.

Shuningdek, reaksiya uchun ishlab chiqarish ilovasini qanday yaratasiz? Bu qadamlar create-react-app bilan yaratilgan har qanday React ilovasi uchun ishlaydi.

  1. 1-qadam: React ilovasini yarating.
  2. 2-qadam: Ommaviy jildga o'z ilova belgisini qo'shing.
  3. 3-qadam: Ishlab chiqarish tuzilmangizga xizmat ko'rsatish uchun Express JS serverini yarating.
  4. 4-qadam: React ishlab chiqarish qurilishini yarating.
  5. 5-qadam: Manba kodini joylashtirishni oldini oling.

Shuni ham bilish kerakki, reaksiya loyihasini qanday boshlash kerak?

Reakt loyihasini o'rnatish

  1. 1-qadam: Namuna ilovasini o'rnating. Es6-tutorial-react omborini klonlash: git clone
  2. 2-qadam: Babel va Webpackni sozlang. Buyruqlar satrini oching va (cd) es6-tutorial-react katalogiga o'ting.
  3. 3-qadam: qurish va ishga tushirish.

React Redux ilovasidan qanday foydalanaman?

Ishni boshlash

  1. Ilova yaratish. Yangi ilova yaratish uchun quyidagilarni bajaring: create-react-redux-app-structure my-app cd my-app/
  2. Konfiguratsiyani tayyorlang. json qurish konfiguratsiyasi uchun.
  3. O'rnatish. npm o'rnatish yoki ipni o'rnatish.
  4. Qurilish skriptini ishga tushiring. Skriptlarni yaratish bo'limini ko'rib chiqing.
  5. Serverni ishga tushirish. tugun index.js yoki npm ishga tushirish serveri.

Tavsiya: