Эхлэгч дамми нарт зориулсан React JS гэж юу вэ, энэ нь юу вэ, заавар, суурилуулалт, баримт бичиг – худалдааны робот бичихдээ React JS номын санг хэрхэн суулгах, ашиглах талаар. Ихэнхдээ компьютерийн мэргэжилтнүүдийн ажлын зар дээр та JavaScript номын сангийн ур чадвартай гэсэн шаардлагыг олж болно. Тийм ээ, тэд React-ийн талаархи мэдлэгийг зөвхөн програм хангамж хөгжүүлэгчдээс гадна гаднах дизайн биш харин сайтын дотоод хөгжүүлэлт хийдэг програмистуудаас хүсдэг. Энэ ямар номын сан юм бэ, энэ нь ажилд ямар боломж олгодог, эхлэгч хүн хаанаас танилцаж эхэлдэг вэ? Үүнийг энэ нийтлэлээс олж мэдье.
- JavaScript номын сан – Хариу үйлдэл: энэ юу вэ
- React номын сан яагаад хэрэгтэй вэ?
- Эхлэгчдэд зориулсан танил: үндсэн ойлголт
- Сайн уу Дэлхий!
- JSX системийн хэлний үндэс
- JSX гэж юу вэ?
- Системийн хэл дээр илэрхийлэл үүсгэх
- Нарийвчилсан дүрслэл
- Бүрэлдэхүүн хэсэг ба тулгуур
- Бүрэлдэхүүн хэсгүүдийн төрөл зүйл: функциональ ба ангилал
- тулгуур
- Төр ба амьдралын мөчлөг
- Үйл явдлын дүн шинжилгээ
- Элементүүдийн нөхцөлт дүрслэл
- Бүрэлдэхүүн хэсгүүдийг өөрчлөх
- Жагсаалт ба түлхүүрүүд
- Түлхүүрүүд
- Маягтууд
- Удирдах зүйлс
- Төрийн өсөлт
- Тєрийн єсєлтийг хянах нь яагаад ийм шаардлага байгаа юм бэ?
- Бүрэлдэхүүн ба Өв залгамжлал
- React.js зарчмууд
- React.js номын сангийн функциональ байдал
- Практик хэрэглээ
- JavaScript дээр арилжааны робот бичихдээ React-ийн практик хэрэглээ
- GitHub болон React.js
- Баримт бичиг
JavaScript номын сан – Хариу үйлдэл: энэ юу вэ
React.JS бол
хэрэглэгчийн харилцдаг интерфейс болох сайтууд болон програмуудын гадаад бүрхүүлийг хөгжүүлэх үйл явцыг сайжруулах, хялбаршуулах зорилгоор Facebook-ийн онлайн нийгмийн сүлжээнээс бий болгосон алдартай JavaScript програмчлалын хэлний номын сан юм. Номын сангийн гол онцлог нь бүрэлдэхүүн хэсэг, төлөв байдал юм. Бүрэлдэхүүн хэсэг нь зохион бүтээж буй системийн тодорхой хэсгийн харагдах байдлыг хариуцдаг дижитал багцын нэг хэсэг юм.
Анхаар! Ийм бүрэлдэхүүн хэсгүүдийг үүрлэж болно.
Төлөв гэдэг нь интерфэйсийн дэлгэрэнгүй мэдээлэл, түүний дотор дүрслэлийг харуулсан бүх өгөгдлийн цуглуулга юм. Жишээнүүдийг ашигласнаар бид юу болохыг илүү нарийвчлан, тодорхой олж мэдэх болно. Доорх зураг нь онлайн нийгмийн сүлжээнд нийтлэх, ерөнхий мэдээлэл бүхий хэсэг, зураг харуулах гэсэн томоохон бүрэлдэхүүн хэсгүүдийг харуулж байна. Хэсэг бүр нь бүрдэл хэсгүүд болох жижиг хэсгүүдийг агуулдаг. Жишээлбэл, хэвлэлд текст, гэрэл зураг, мэдээллийг нийтэлж буй хэрэглэгчийн нэр гэх мэт зүйлс багтана. Зургийн хэсэгт тус тусдаа зураг, ерөнхий мэдээлэл хэсэгт товч мэдээлэл орно.
Эдгээр бүрэлдэхүүн хэсэг (бүрэлдэхүүн хэсэг) бүр нь төлөвтэй байдаг. Өөрөөр хэлбэл, ерөнхий мэдээлэл бүхий хэсэг нь өөр өөр төхөөрөмж дээр өөр харагдах болно, “дуртай” элемент нь дарахад өнгө өөрчлөгдөж, нийт таалагдсан тоог хариуцдаг тоо; хэвлэл нь эргээд текстийг богиносгож эсвэл бүрэн эхээр нь дамжуулж болно.
Тиймээс, React.JS-ийн уян хатан байдал илэрхийлэгддэг – интерфейсийн бүрэлдэхүүн хэсэг нь нэг удаа бичигдсэн бөгөөд үүний дараа бүх боломжит төлөвүүдийг өгдөг.
React номын сан яагаад хэрэгтэй вэ?
React.JS нь JS эсвэл HTML кодыг тохиромжтой форматаар бичиж, хуулбарыг нь хэлбэржүүлж, дүрслэх боломжтой хувилбаруудын нэг юм. Энд байгаа бүрэлдэхүүн хэсгүүд нь тусгай системийн хэлээр бичигдсэн байдаг – JSX, JavaScript програмчлалын хэл болон стандартчилагдсан HTML тэмдэглэгээний хэлийг агуулсан.
JSX дээр бичсэн код нь нэлээд тодорхой юм. Вэб хөтөч энэ системийн хэлийг ойлгох шаардлагагүй байх нь бас чухал юм – React.JS кодыг JS рүү шилжүүлдэг бөгөөд ямар ч хөтөч ямар ч асуудалгүй хүлээн авдаг. Үүнийг хийхийн тулд номын санд бүтээгдсэн зүйлийг тусгай хөрвүүлэгчид (өнөөгийн хамгийн алдартай нь Babel js) дамжуулдаг бөгөөд бага мэддэг програмчлалын хэл дээрх кодуудыг JavaScript дүрслэл болгон хувиргадаг.
Эхэндээ ашиглалтын систем нь туйлын логикгүй мэт санагдаж болох ч хэсэг хугацааны дараа та үүнд дасаж, механизм яагаад ийм байдлаар хийгдсэнийг ойлгодог. JavaScript номын сан нь хэд хэдэн давуу талтай:
- системийн програмчлалын хэл нь сайн мэддэг JavaScript-ээс илүү танигдахад хялбар байдаг тул кодыг дэмжих, түүн дээрх алдааг арилгахад хэд дахин бага хугацаа шаардагдана (шинэ код, програм бичих хурд дагаад нэмэгдэх болно);
- Бүрэлдэхүүн хэсгүүдийн тохиромжтой, практик системийг энд суурилуулсан – бичих янз бүрийн үе шат, өөр өөр программд хэрэглэгддэг кодын хэсгүүдийг давтаж, мөн контекстээс хамааран өөрчлөгддөг;
- Бүрэлдэхүүн хэсэг бүр нь зөвхөн өөрийн төлөв байдалд захирагддаг тул практик дээр түүний ажилд гэнэт алдаа гарсан тохиолдолд кодын дутагдлыг засахад хялбар байдаг; буруу моментууд гадаргуу дээр хөвдөг: хэрэв үүнтэй холбоотой буруу төлөвийг ашиглахгүй бол зөв ажиллаж байгаа элемент энэ горимд тогтвортой ажиллана.
Тиймээс бид React.JS номын сан нь маш их цаг хэмнэж, кодыг илүү тодорхой болгож, дарааллыг зөв дарааллаар зохион байгуулж, том блокуудыг дахин ашиглах боломжтой гэж дүгнэж болно. Эдгээр давуу талууд нь хэрэглэгчийн интерфэйсийг бий болгох үйл явцын зардлыг бууруулах, мөн энэ үйл явцын цагийг хурдасгах боломжийг олгодог. JS болон HTML програмчлалын хэлийг ашиглах ур чадвартай байх, JSX системийг ашиглаж сурахад хялбар байдаг – үүнийг эзэмшихэд хэдхэн хоног л үлддэг.
Анхаар! Томоохон төслүүдтэй ажиллахдаа олон тооны динамик хуудас бичих шаардлагатай үед номын санг ашиглах нь оновчтой юм. Жижиг бизнесийн сайтад ийм нарийн төвөгтэй зүйл хэрэггүй.
A-аас Я хүртэлх JS үндсэн сургалтанд хариу үйлдэл үзүүлэх: https://youtu.be/GNrdg3PzpJQ
Эхлэгчдэд зориулсан танил: үндсэн ойлголт
Сайн уу Дэлхий!
Номын сангийн эхний хуудсанд нэвтрэх үед хэрэглэгч “Сайн уу дэлхий!” гэсэн жижиг жишээ болгон мэндчилгээний гарчиг харах болно.
JSX системийн хэлний үндэс
JSX бол сайн мэддэг JavaScript-ийн өргөтгөл болох системийн програмчлалын хэл юм. Энэ нь JA програмчлал болон стандартчилсан HTML тэмдэглэгээний хэл гэсэн хоёр хэлний хослолыг агуулдаг. Хөгжүүлэгчид үүнийг хэрэглэгчийн интерфэйс хэрхэн харагдах ёстойг React харуулахын тулд концепцийг тохируулахын тулд ашигладаг. JSX нь номын сангийн “хэсгүүдийг” үүсгэдэг.
JSX гэж юу вэ?
React номын сан нь үзүүлэхийн мөн чанар нь хэрэглэгчийн интерфэйсийн логиктой шууд холбоотой гэсэн логикийг баримталдаг: үйл явдлууд хэрхэн боловсруулагддаг, тодорхой хугацаанд төлөв хэрхэн өөрчлөгддөг, мэдээлэл хэрхэн бэлтгэгддэг. JS номын санг системийн хэлгүйгээр ашиглах боломжтой боловч олон тооны хөгжүүлэгчид JavaScript кодоор үүсгэсэн хэрэглэгчийн интерфэйстэй ажиллахдаа ойлгомжтой, тодорхой байдгаараа үнэ цэнэтэй гэж үздэг. Нэмж дурдахад, өргөтгөл нь React-д хүчингүй мөч болон алдааны мэдэгдлийг үүсгэхэд хялбар болгодог.
Системийн хэл дээр илэрхийлэл үүсгэх
JSX нь буржгар хаалт дотор сайн бичигдсэн JavaScript илэрхийллийг процесст ашиглах боломжийг танд олгоно.
JSX нь мөн илэрхийлэл юм. Эх кодыг байт кодчилсны дараа аливаа JSX илэрхийлэл нь JavaScript ангилалд чиглэсэн стандарт JS функцийн дуудлага болж хувирдаг. Үүнээс үзэхэд албан ёсны програмчлалын хэлний системийн өргөтгөлийг if гарын авлага дотор болон тодорхой хугацаагаар ашиглаж болно.
JSX нь Объектууд Өргөтгөлөөр дүрслэгдсэн объектуудыг React элементүүд гэж нэрлэдэг. Тэд хөгжүүлэгчийн дэлгэцэн дээр харахыг хүссэн үр дүнг тодруулж өгдөг. Номын сан нь эдгээр объектуудыг таньж, тэдгээрийг Баримт бичгийн объектын загварыг үүсгэх, хадгалах явцад ашигладаг.
Нарийвчилсан дүрслэл
Дэлгэрэнгүй мэдээлэл нь React программуудыг бүрдүүлдэг олон жижиг блокууд юм.
Дэлгэрэнгүй мэдээлэл нь хөгжүүлэгчийн эцэст нь дэлгэцэн дээр харахыг хүссэн зураг юм. Баримт бичгийн объектын загварын элементүүдтэй харьцуулахад номын сангийн элементүүд нь энгийн бөгөөд маш их нөөц шаарддаггүй. Элементүүд нь бүрэлдэхүүн хэсгүүдийн бүрэлдэхүүн хэсэг юм.
Бүрэлдэхүүн хэсэг ба тулгуур
Бүрэлдэхүүн хэсгүүд нь UI-г бие даасан хэсгүүдэд хуваах боломжийг олгодог бөгөөд тусад нь ажиллахад хялбар байдаг. Тэдгээрийг нэгтгэж, олон удаа ашиглаж болно. Ихэнх тохиолдолд бүрэлдэхүүн хэсгүүдийн ажиллагаа нь JavaScript програмчлалын хэлний өөрийнхтэй төстэй байдаг. Тэд тулгуур гэж нэрлэгддэг оролтын мэдээллийг авч, хөгжүүлэгчийн дэлгэц дээр харахыг хүсч буй хөгжүүлэлтийн загварыг харуулсан React элементүүдийг буцаана.
Бүрэлдэхүүн хэсгүүдийн төрөл зүйл: функциональ ба ангилал
Номын сангийн бүрэлдэхүүн хэсгийг функц гэж үзэх нь хамгийн хялбар юм.
Бүрэлдэхүүн хэсгүүдийг мөн ES6 ангиллын форматаар илэрхийлж болно.
Сонирхолтой! React номын сан нь эдгээр хоёр төрлийн бүрэлдэхүүн хэсгүүдийг ижил төстэй гэж тодорхойлдог.
тулгуур
Таяг нь зөвхөн унших боломжтой хувиршгүй объект юм. Иймд бүрэлдэхүүн хэсэг нь ямар төрлийнх байхаас үл хамааран тулгуур дээрээ юу ч бичих ёсгүй.
Төр ба амьдралын мөчлөг
Эхлээд төрийг ажил дээрээ хэрхэн зөв хэрэглэхийг олж мэдье. Бүрэлдэхүүн хэсгүүдийн төлөв байдлын талаар мэдэх гурван чухал зүйл байдаг:
- Төлөвийг шууд өөрчлөх хэрэггүй, setState аргыг ашиглана уу. Та төлөвийг шууд өөрчлөх боломжтой цорын ганц газар бол байгуулагч гэдгийг санаарай.
- Төрийн шинэчлэлтүүд синхрон биш байж болно.
- Мэдээллийн урсгал нэг чиглэлтэй. Бүрэлдэхүүн хэсгүүдийн барилгын хувьд тэдгээрийн аль нь ч төлөвийг өөр бүрэлдэхүүн хэсэгт хуваарилсан эсэхийг мэдэхгүй. Энэ эсвэл бие даасан функциональ элемент хэрхэн үүссэн нь хамаагүй – функциональ эсвэл ангилах хэрэгслийг ашиглан. Үүнийг “доод урсгал” мэдээллийн урсгал гэж нэрлэдэг. Зарим элементийн хувьд төлөв байдал үргэлж тодорхойлогддог бөгөөд энэ төлөвийн бүтцийн холбоо нь зөвхөн шаталсан дарааллаар “доор” байрлах хэсгүүдэд нөлөөлж болно.
Ерөнхийдөө мужийг “орон нутгийн”, “дотоод” эсвэл далд гэж нэрлэдэг. Энэ нь зөвхөн функциональ элементэд харагдах ба React-ийн бусад хэсгүүдэд харагдахгүй. Номын сангийн программуудад бие даасан функциональ элемент нь тодорхой төлөвтэй эсэх нь тухайн хэсгийн дотоод хөгжил бөгөөд цаг хугацааны явцад өөрчлөгдөж болно. Энэ ажилд та бүрэлдэхүүн хэсгүүдийг төлөвтэй болон төлөвгүй хослуулж болох нь бас сонирхолтой юм.
Үйл явдлын дүн шинжилгээ
React бүрэлдэхүүн хэсгүүдийн үйл явдлыг задлан шинжлэх үйл явц нь баримт бичгийн объектын загварын элементүүдийн үйл явдлуудыг зохицуулахтай төстэй. Гэсэн хэдий ч тэдгээрийг бие биенээсээ ялгах хэд хэдэн шинж чанарууд байдаг:
- JavaScript номын сан дахь үйл явдлууд нь стандартаас өөр загвараар нэрлэгдсэн байдаг.
- Системийн өргөтгөсөн програмчлалын хэлийг ашигласнаар хөгжүүлэгч нь мөрийн оронд үйл явдал зохицуулагчаар дэд программыг дамжуулдаг.
Элементүүдийн нөхцөлт дүрслэл
JavaScript номын сан нь элементүүдийг бие даасан бүрэлдэхүүн хэсэг болгон хөгжүүлэх логикийг задлах боломжийг олгодог. Одоогийн байдлаар ямар төлөв байдлаас хамааран тэдгээрийг ерөнхийд нь харуулах эсвэл нуух боломжтой. Элементүүдийн нөхцөлт дүрслэл нь JavaScript програмчлалын хэл дээр суурилсан нөхцөлт илэрхийлэлтэй ижил зарчмаар ажилладаг. Заримдаа номын сан нь зарим элементүүдийг нуух эсвэл үзүүлэхэд төр хэрхэн нөлөөлдөг талаар тайлбар шаарддаг. Энд нөхцөлт JS туслагч эсвэл if-тэй төстэй илэрхийллүүдийг ашиглах нь илүү логик юм.
Бүрэлдэхүүн хэсгүүдийг өөрчлөх
React номын сангийн элементүүдийг хувьсагчдад нэмж болно. Зарим нөхцөл нь бүрэлдэхүүн хэсгийн зарим хэсгийг зурах ёстой, эсвэл утгагүй, үлдсэн хэсэг нь өөрчлөгдөөгүй хэвээр байгаа тохиолдолд энэ нь практик шийдэл юм.
Жагсаалт ба түлхүүрүүд
Энэ хэсэгт хэд хэдэн бүрэлдэхүүн хэсэг орно:
- Олон элемент зурах . Хэрэглэгч олон тооны элементүүдийг бүрдүүлж, буржгар хаалт ашиглан системийн програмчлалын хэлэнд оруулах боломжтой.
- Элементүүдийн үндсэн жагсаалт . Ихэнхдээ хэрэглэгчид болон хөгжүүлэгчид жагсаалтыг бүрэлдэхүүн хэсэг дотроо шууд тохируулдаг.
Түлхүүрүүд
React JavaScript номын сангийн түлхүүр нь бүрэлдэхүүн хэсгүүдийн жагсаалтыг үүсгэх үед оруулах шаардлагатай тусгай хэрэгслийг илэрхийлдэг. Түлхүүрүүд нь JavaScript номын санд ямар зүйлсийг тохируулсан, нэмсэн, устгасан болохыг тодорхойлоход тусалдаг. Тодорхой цаг хугацаа өнгөрсний дараа React нь бүтцийн өгөгдлийн бүрэлдэхүүн хэсгүүдийг харилцан уялдуулахын тулд тэдгээрийг тэмдэглэх нь чухал юм.
Маягтууд
JS номын санд стандартчилсан тэмдэглэгээний хэлний элементүүд нь баримт бичгийн объектын загварын бүрэлдэхүүн хэсгүүдээс арай өөрөөр ажилладаг, учир нь маягтын элементүүд нь эхлээд далд төлөвтэй байдаг.
Удирдах зүйлс
Стандартчилсан тэмдэглэгээний хэлэнд оруулах , сонгох , textarea зэрэг хэлбэрүүд нь хөгжүүлэгч шинэ мэдээлэл оруулах үед өөрийн төлөвийг хадгалж, шинэчлэх хандлагатай байдаг. React.js төлөв нь удирддаг зохиох элементийн оролтын талбаруудын утгыг үргэлж тодорхойлдог. Хэдийгээр энэ нь хэрэглэгч анхны өгөгдсөн кодоос арай илүү бичих ёстойг харуулж байгаа ч одоо энэ утгыг хэрэглэгчийн интерфэйсийн бусад хэсгүүдэд дамжуулах боломжтой болсон.
Төрийн өсөлт
Төрийн өргөлт нь хөгжүүлэгч бүр мэддэг байх ёстой бөгөөд ажлын явцад ашиглах боломжтой байх ёстой стандарт загвар юм. Үүнийг ашигласнаар төрийн удирдлагын нарийн төвөгтэй, ихэвчлэн хэрэггүй хэв маягийг арилгах болно.
Тєрийн єсєлтийг хянах нь яагаад ийм шаардлага байгаа юм бэ?
Үүнийг шаарддаг хэсгүүдийн хувьд төлөвийг өмнөх бүрэлдэхүүн хэсгүүдийн түвшинд хүргэх шаардлагатай бөгөөд ингэснээр бүх элементүүд мужид оролцох боломжтой болно. Тогтвортой төлөв байдлын түвшин нь түүнд тулгуурласан бүх бүрэлдэхүүн хэсгүүдийн дунд хуваарилахад хялбар болгоно.
Бүрэлдэхүүн ба Өв залгамжлал
React.js нь хүчирхэг найрлагын загварыг агуулдаг тул элементүүдийн хооронд өмнө нь бичсэн кодыг дахин ашиглахын тулд удамшлын оронд хэсгүүдээс бүхэл бүтэн бүтээх процессыг ашиглахыг зөвлөж байна. Тиймээс тулгуур, бүрэлдэхүүн хэсгүүдээс бүхэл бүтэн найрлагыг бий болгох чадвар нь хөгжүүлэгчийг тухайн элементийн бүрхүүл, зан төлөвийг тодорхой, аюулгүй байдлаар бий болгоход шаардлагатай уян хатан байдлыг хангадаг.
Сануулга! Бүрэлдэхүүн хэсгүүд нь хоорондоо холбоогүй тулгууруудыг авч болно, үүнд номын сан эсвэл функцийг бүрдүүлдэг энгийн хэсгүүд орно.
Хэрэв та бүрэлдэхүүн хэсгүүдтэй ажиллахын тулд харагдахгүй функцийг хоёр, гурав дахь удаагаа ашиглах шаардлагатай бол үүнийг тусдаа JS модуль болгон татаж аваарай. Үүнийг бүрэлдэхүүн хэсэг болгон зөөж, үүсгэсэн функцийг нэмэлт өргөтгөлгүйгээр ашиглана уу. React эсвэл Vue эсвэл Angular, юу сонгох вэ: https://youtu.be/Nm8GpLCAgwk
React.js зарчмууд
JavaScript номын сангийн бүх философийг React гарын авлагад нуусан болно. Энэ нь урт бөгөөд тийм ч чухал биш юм шиг санагдаж байна, гэхдээ олон хэрэглэгчид уншсаны дараа бүх зүйл байрандаа орсон гэж мэдэгддэг. Баримт бичиг нь нэлээд хуучирсан боловч үнэ цэнэтэй, хамааралтай хэвээр байна –
https://ru.reactjs.org/docs/thinking-in-react.html . React js хичээл https://ru.reactjs.org/tutorial/tutorial.html
React.js номын сангийн функциональ байдал
JavaScript номын санг ашигласнаар хэрэглэгч UI боловсруулах үйл явц болон програмын бүрэлдэхүүн хэсгүүдэд бүх анхаарлаа хандуулах боломжийг олж авдаг бөгөөд хамгийн багадаа бичсэн кодын үүсэх болон болзошгүй дутагдлуудаас болж сатаарах болно. Номын сан нь програмыг илүү хурдан боловсруулах боломжийг олгодог бөгөөд бүхэл бүтэн төслийн бүрэлдэхүүн хэсгүүд болон үйл явцыг тохируулах, засварлахад хялбар болгодог. Тиймээс React.js нь дэлхийн сүлжээ, UI, програмын төлөвийн хяналт болон бусад нарийн төвөгтэй асуудлыг шийдвэрлэх чадварыг хариуцдаг элементүүдийг агуулдаг. Номын сан нь дараахь функциональ шинж чанартай байдаг.
- Практик байдал . React.js-г жижигрүүлсэн хэлбэрээр ашиглах боломжтой. Энэхүү авсаархан багцыг тодорхой тохируулах шаардлагагүй. Энэ нь сайтын хөтчийн хувилбарыг нээхэд шаардагдах хугацааг багасгах кодыг хуваах функцийг аль хэдийн агуулдаг, учир нь энэ сонголт нь бүрэлдэхүүн хэсгүүдийг нэгэн зэрэг үзүүлэхээс сэргийлдэг.
- Шахсан экосистем ба дагаж мөрдөх . Номын санд бусад сайтуудаар дэмжигдсэн олон тооны хэрэгслүүд байдаг бөгөөд энэ нь хэрэглэгчдэд ямар ч зорилгоор шинэ цогц программ боловсруулах боломжийг олгодог.
- Бүрэн ажиллагаатай . JavaScript номын сангийн гол давуу тал нь платформын бүх шинэ хувилбарууд нь хуучин хувилбаруудын шаардлагад нийцдэг тул та хуучин болон шинэчилсэн хувилбарыг хоёуланг нь ашиглах боломжтой, бүгд дэмжигдсэн бөгөөд өнөөг хүртэл хамааралтай. Өмнө нь гаргасан хувилбарууд нь сүүлийн үеийн шинэчлэлтүүдийн дараа хуучирдаггүй.
Практик хэрэглээ
Номын сангийн үндсэн хуудсан дээр, хэрэглэгчдэд зориулсан зааварт React-ийг практикт ашиглах хэд хэдэн жишээг харуулсан болно. Та тэдгээрийг гараар засч, ажиллуулахыг оролдож болно. Хэдийгээр та шинэ хэрэглэгч болоод номын сангийн мөн чанар, логикийг ойлгохгүй байгаа ч гэсэн кодыг өөрийн үзэмжээр тохируулаад үр дүнг нь хараарай.
JavaScript дээр арилжааны робот бичихдээ React-ийн практик хэрэглээ
Хөгжүүлэгч нь JS программчилдаггүй, харин скрипт (скрипт) бичдэг гэдгийг ойлгох нь чухал. Тиймээс, номын санг ашигласнаар хөгжүүлэгч нь арилжааны зориулалтаар ашиглагдах дараагийн арилжааны роботын кодыг бичихээс гадна энэ платформ дээр үндэслэн гадаад төрхөө үргэлжлүүлэн боловсруулж болно. Үнэн хэрэгтээ арилжаа хийх зориулалттай арилжааны робот нь React.js ашиглан маш олон тооны програмыг хөгжүүлдэг програм юм. Гэсэн хэдий ч зарим функцууд болон ботын дотоод хэсгийг үүнд тохирсон хэрэгслээр хангадаг бусад сайтууд дээр хийх шаардлагатай хэвээр байна.
GitHub болон React.js
GitHub бол төслийн бүх хувилбарыг багтаасан платформ юм. Хэрэглэгч хостинг холбож, GitHub-ийн албан ёсны вэбсайтад бүртгүүлэх процедурыг давж, дараа нь Git-ээс бүх файлыг шилжүүлдэг онлайн репозитор үүсгэнэ.
Git бол өнөөдөр хамгийн алдартай бөгөөд хамааралтай төслийн хувилбарын хяналтын үйлчилгээ бөгөөд GitHub бол алсын код хадгалах газар юм.
Лавлагаа! Зөвшөөрөлтэйгээр зохих холбоосыг хүлээн авсан хэрэглэгчид л файл засварлах, татаж авах боломжтой.
Баримт бичиг
JavaScript номын сангийн талаархи бүх хичээлүүд болон хамгийн сүүлийн үеийн материалууд хамгийн сүүлийн үеийн шинэчлэлттэй байна. Хөгжүүлэгчид номын сангийн тусдаа хуудсан дээр байрлуулсан баримт бичгийн хуучин хувилбаруудыг ерөнхийд нь уншуулахаар эмхэтгэж, нийтэлдэг. Тиймээс эхлэгчдэд сайтын менежментийн ур чадварыг эзэмших нь илүү хялбар байх болно: хуучин болон шинэ материал хоёулаа – бүх зүйл энд байна, нэвтрэх хүн бүрт үнэ төлбөргүй байдаг.
Анхаар! Гарын авлагыг уншихаа бүү мартаарай. Наад зах нь хараарай – ойлгомжгүй мэт санагдсан зүйлсийн ихэнх нь байрандаа орох болно.
React номын сан нь өнөөдөр түгээмэл бөгөөд хамааралтай платформ юм. Түүний олон талт байдал нь хөгжүүлэгчдэд илүү чанартай, богино хугацаанд төсөл хийх боломжийг олгодог. Түүнчлэн мөрийн хөтөлбөрөө мэддэг, түүнийгээ ашиглах ур чадвартай байх нь мэргэжилтнийг хөдөлмөрийн зах зээлд илүү эрэлттэй болгодог.