руу үүсгэх шинэ төсөл, зүгээр л өмнө нь npx гэж бичнэ үүсгэх- хариу үйлдэл үзүүлэх-апп редукс-кра. Үүнийг суулгана үүсгэх- хариу үйлдэл үзүүлэх-програмыг дэлхий даяар (хэрэв суулгаагүй бол) мөн шинээр үүсгэдэг төсөл.
Redux дэлгүүр
- Програмын төлөвийг хадгална.
- getState()-ээр дамжуулан мужид хандахыг зөвшөөрдөг.
- Төлөвийг диспетчээр (үйлдэл) шинэчлэхийг зөвшөөрдөг.
Үүнтэй холбогдуулан би Redux-ийг урвалын төсөлд хэрхэн нэмэх вэ?
Алхам алхмаар: Redux-ийг React програмд хэрхэн нэмэх вэ
- Алхам 1: Redux NPM багцуудыг импортлох.
- Алхам 2: Бууруулагч үүсгэх.
- Алхам 2: Redux дэлгүүр үүсгэ.
- Алхам 3: Провайдерийн үндсэн програмын бүрэлдэхүүн хэсгийг боож өгнө үү.
- Алхам 4: Контейнерийн бүрэлдэхүүн хэсгийг үүсгэж холбоно уу.
- Алхам 5: Redux дэлгүүрээс төлөвийг сонгоод хувирга.
- Алхам 6: Үзүүлэнгийн бүрэлдэхүүн хэсэгт төлөвийг ашиглана уу.
Мөн та хэрхэн хариу үйлдэл үзүүлэхийн тулд үйлдвэрлэлийн програм хийх вэ? Эдгээр алхмууд нь create-react-app-ээр бүтээгдсэн аливаа React апп-д ажиллана.
- Алхам 1: React програм үүсгэ.
- Алхам 2: Нийтийн хавтсанд өөрийн програмын дүрсийг нэмнэ үү.
- Алхам 3: Үйлдвэрлэлийн бүтэцдээ үйлчлэхийн тулд Express JS сервер үүсгэнэ үү.
- Алхам 4: React үйлдвэрлэлийн бүтцийг бий болгох.
- Алхам 5: Эх кодыг ашиглахаас урьдчилан сэргийлэх.
Мөн та хариу үйлдэл хийх төслийг хэрхэн эхлүүлэх вэ?
React төслийг бий болгох
- Алхам 1: Жишээ програмыг суулгана уу. es6-tutorial-react репозиторыг хуулбарлах: git clone
- Алхам 2: Babel болон Webpack-ыг тохируулна уу. Тушаал хүлээх мөрийг нээгээд (cd) es6-tutorial-react лавлах руу очно уу.
- Алхам 3: Барьж ажиллуул.
Би react Redux програмыг хэрхэн ашиглах вэ?
Эхлэх
- Апп үүсгэх. Шинэ програм үүсгэхийн тулд дараахыг ажиллуулна уу: create-react-redux-app-structure my-app cd my-app/
- Тохиргоог бэлтгэ. json-г бүтээх тохиргоонд зориулсан.
- Суурилуулалт. npm суулгах эсвэл утас суулгах.
- Бүтээлийн скриптийг ажиллуул. Скрипт үүсгэх хэсгийг харна уу.
- Сервер ажиллуулах. node index.js эсвэл npm ажиллуулах сервер.
