Агуулгын хүснэгт:
Видео: Та хариу үйлдэл үзүүлэх програм үүсгэхэд хэрхэн үйлчлэх вэ?
2024 Зохиолч: Lynn Donovan | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-15 23:50
Express-тэй Create-React-App ашиглах
- Алхам 1: Суулгах үүсгэх - хариу үйлдэл үзүүлэх - апп . үүсгэх - хариу үйлдэл үзүүлэх - апп чиний- апп - нэр.
- Алхам 2: багцуудыг суулгана уу хариу үйлдэл хийх програм үүсгэх . npm суулгах;
- Алхам 3: Экспресс суулгана уу. npm install express --save.
- Алхам 4: Үүсгэх а сервер . js файл.
- Алхам 5: Өөрийн package.json шинэчилнэ үү.
- Алхам 6: Экспрессийг эхлүүл сервер .
- Алхам 7: Өөрийгөө эхлүүл хариу үйлдэл үзүүлэх програм .
Мөн асуулт бол та хариу үйлдэл үзүүлэх аппликейшнд хэрхэн үйлчлэх вэ?
- Өөр өөр замуудаас ижил бүтээн байгуулалтад үйлчлэх.
- Алхам 1: Багц руу нүүр хуудас нэмнэ үү.
- Алхам 2: gh-pages суулгаж, багц дахь скриптүүдэд deploy нэмнэ.
- Алхам 3: npm run deploy-г ажиллуулж сайтыг байрлуул.
- Алхам 4: Төслийн хуудасны хувьд төслийн тохиргоог gh-pages ашиглаж байгаа эсэхийг шалгаарай.
- Алхам 5: Сонголтоор домайныг тохируулна уу.
Мөн та хариу үйлдэл хийх програм үүсгэхгүйгээр хэрхэн хариу үйлдэл хийх програм үүсгэх талаар мэдэх үү? Энэ бол create-react-app хэрэгсэлгүйгээр шинэ React төсөл үүсгэх блог юм.
- Төслийг тохируулах. - Зангилаа тохируулж байна. js эсвэл утас.
- React-ийг тохируулна уу. React суулгана уу. NewProject хавтсанд доорх командыг ашиглана уу.
- Redux тохируулна уу. Redux-г суулгана уу. NewProject хавтсанд доорх командыг ашиглана уу.
- JSX-г тохируулна уу.
Би хариу үйлдэл хийх програмыг хэрхэн эхлүүлэх вэ?
React програм үүсгэх
- Бойlerplate програмыг тохируулна уу. React програмыг гараар үүсгэх боломжтой боловч Facebook нь React програмын шинэчилсэн хувилбарыг үүсгэхийн тулд node module create-react-app-г үүсгэсэн.
- Аппликейшний бүтэц. Дөнгөж үүсгэсэн аппликешны сангуудыг өөрчил.
- React програм хөгжүүлэх серверийг эхлүүлж байна.
Та хэрхэн хариу үйлдэл үзүүлэх вэ?
Webpack болон babel ашиглан ReactJS суулгаж байна
- Алхам 1 - Root хавтас үүсгэх.
- Алхам 2 - React and react dom програмыг суулгана уу.
- Алхам 3 - Вэб багцыг суулгана уу.
- Алхам 4 - babel суулгана.
- Алхам 5 - Файл үүсгэх.
- Алхам 6 - Хөрвүүлэгч, Сервер, Ачаалагчийг тохируулах.
- Алхам 7 - индекс.
- Алхам 8 - Програм.
Зөвлөмж болгож буй:
Би эхлээд хариу үйлдэл үзүүлэх үү, эсвэл уугуул байдлаараа хариу үйлдэл үзүүлэх ёстой юу?
Хэрэв та гар утасны хөгжүүлэлтийн талаар сайн мэддэг бол React Native-аас эхэлсэн нь дээр байх. Та React-ийн бүх үндсийг вэб орчинд сурахын оронд энэ тохиргоонд сурах болно. Та React-ийг сурсан ч таны хувьд шинэ зүйл биш HTML болон CSS-г ашиглах шаардлагатай хэвээр байна
Та хэрхэн хариу үйлдэл үзүүлэх вэ?
Та React руу залгаж реф үүсгэж болно. createRef() ба элемент дээрх ref шинж чанарыг ашиглан React элементийг хавсаргана. Бид рефийн одоогийн атрибут руу хандах замаар дүрслэх аргад үүсгэсэн ref-ийн зангилаа руу "ашиглаж" болно
Би хөгжүүлэлтийн хэрэгслүүдэд хэрхэн хариу үйлдэл үзүүлэх вэ?
React Devtools-ийг нээх хамгийн хурдан арга бол хуудасныхаа баруун товчийг дараад "inspect"-ыг сонгох явдал юм. Хэрэв та Chrome эсвэл Firefox-ын хөгжүүлэгчийн хэрэгслийг ашигласан бол энэ харагдац танд бага зэрэг танил болсон байх болно
Би хариу үйлдэл үзүүлэх CSS-д модулиудыг хэрхэн ашиглах вэ?
CSS модулиудыг ашиглах нь үнэхээр маш энгийн: Эхлээд энгийн CSS файл үүсгэ. Энэ файлд CSS анги нэмнэ үү. Бүрэлдэхүүн хэсэг дотроосоо саяхан үүсгэсэн модулийг дараах байдлаар импортолно уу: Модульд тодорхойлсон ангиллыг ашиглахын тулд үүнийг styles объектын ердийн шинж чанар гэж үзэхэд хангалттай, жишээ нь:
Би Visual Studio дээр хариу үйлдэл үзүүлэх уугуул кодыг хэрхэн ажиллуулах вэ?
React Native төслийн үндсэн хавтсаа VS Code-д нээнэ үү. Эхлэх Ctrl + Shift + X (macOS дээр Cmd + Shift + X) дарж, боломжтой өргөтгөлүүдийн жагсаалт гарч ирэх хүртэл түр хүлээнэ үү. react-native гэж бичээд React Native хэрэгслийг суулгана уу. Дэлгэрэнгүй зааварчилгааг авахыг хүсвэл VS Code Extension Gallery-г үзнэ үү