Агуулгын хүснэгт:

Би яаж реакт редукс дээр төсөл үүсгэх вэ?
Би яаж реакт редукс дээр төсөл үүсгэх вэ?

Видео: Би яаж реакт редукс дээр төсөл үүсгэх вэ?

Видео: Би яаж реакт редукс дээр төсөл үүсгэх вэ?
Видео: React Redux-ийг төслийн тусламжтайгаар сур Redux Axios REST API заавар | Эхлэгчдэд зориулсан React Redux заавар 2024, Дөрөвдүгээр сар
Anonim

руу үүсгэх шинэ төсөл , зүгээр л өмнө нь npx гэж бичнэ үүсгэх - хариу үйлдэл үзүүлэх -апп редукс -кра. Үүнийг суулгана үүсгэх - хариу үйлдэл үзүүлэх -програмыг дэлхий даяар (хэрэв суулгаагүй бол) мөн шинээр үүсгэдэг төсөл.

Redux дэлгүүр

  1. Програмын төлөвийг хадгална.
  2. getState()-ээр дамжуулан мужид хандахыг зөвшөөрдөг.
  3. Төлөвийг диспетчээр (үйлдэл) шинэчлэхийг зөвшөөрдөг.

Үүнтэй холбогдуулан би Redux-ийг урвалын төсөлд хэрхэн нэмэх вэ?

Алхам алхмаар: Redux-ийг React програмд хэрхэн нэмэх вэ

  1. Алхам 1: Redux NPM багцуудыг импортлох.
  2. Алхам 2: Бууруулагч үүсгэх.
  3. Алхам 2: Redux дэлгүүр үүсгэ.
  4. Алхам 3: Провайдерийн үндсэн програмын бүрэлдэхүүн хэсгийг боож өгнө үү.
  5. Алхам 4: Контейнерийн бүрэлдэхүүн хэсгийг үүсгэж холбоно уу.
  6. Алхам 5: Redux дэлгүүрээс төлөвийг сонгоод хувирга.
  7. Алхам 6: Үзүүлэнгийн бүрэлдэхүүн хэсэгт төлөвийг ашиглана уу.

Мөн та хэрхэн хариу үйлдэл үзүүлэхийн тулд үйлдвэрлэлийн програм хийх вэ? Эдгээр алхмууд нь create-react-app-ээр бүтээгдсэн аливаа React апп-д ажиллана.

  1. Алхам 1: React програм үүсгэ.
  2. Алхам 2: Нийтийн хавтсанд өөрийн програмын дүрсийг нэмнэ үү.
  3. Алхам 3: Үйлдвэрлэлийн бүтэцдээ үйлчлэхийн тулд Express JS сервер үүсгэнэ үү.
  4. Алхам 4: React үйлдвэрлэлийн бүтцийг бий болгох.
  5. Алхам 5: Эх кодыг ашиглахаас урьдчилан сэргийлэх.

Мөн та хариу үйлдэл хийх төслийг хэрхэн эхлүүлэх вэ?

React төслийг бий болгох

  1. Алхам 1: Жишээ програмыг суулгана уу. es6-tutorial-react репозиторыг хуулбарлах: git clone
  2. Алхам 2: Babel болон Webpack-ыг тохируулна уу. Тушаал хүлээх мөрийг нээгээд (cd) es6-tutorial-react лавлах руу очно уу.
  3. Алхам 3: Барьж ажиллуул.

Би react Redux програмыг хэрхэн ашиглах вэ?

Эхлэх

  1. Апп үүсгэх. Шинэ програм үүсгэхийн тулд дараахыг ажиллуулна уу: create-react-redux-app-structure my-app cd my-app/
  2. Тохиргоог бэлтгэ. json-г бүтээх тохиргоонд зориулсан.
  3. Суурилуулалт. npm суулгах эсвэл утас суулгах.
  4. Бүтээлийн скриптийг ажиллуул. Скрипт үүсгэх хэсгийг харна уу.
  5. Сервер ажиллуулах. node index.js эсвэл npm ажиллуулах сервер.

Зөвлөмж болгож буй: