Роутерийг тохируулах хичээлээр төсөлд Home, Cars хуудсуудыг үүсгэн чиглүүлэгчийг тохируулан бүртгүүлсэн хэдий ч хуудас хооронд шилжихдээ хаягийн мөрөнд шууд бичин өгч байгаа. Иймээс хуудас хоорондын шилжилтийг цэс үүсгэн түүгээр дамжуулан хийе. Та Формын шалгалтын бэлтгэл хичээлийг үзсэн бол төсөлд Bootstrap -ийг суулгасан гэдгийг мэдэж байгаа.
Материалыг тусгай эрхтэй хэрэглэгч үзнэ.
request_quoteТусгай эрх авахМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 691 Нийтийн
Програмийн кодчлолийг тусгайлан заалгаж сурдаг зүйл биш. Ямарч зүйлийг өөрөө бие даан сурах боломжтой. Энэ талаар Бие даан сурах нийтлэлийг үзээд эрэгцүүлэн бодоорой. Энэ удаад Input талбарын боловсруулалтын талаар судлая.
Өмнөх хичээлүүдэд хуудасны элементүүдэд үйл явцын сонсогчийг тавин, түүнд параметр дамжуулан хүлээн авах аргуудыг сурсан. Энэ хичээлээр Input талбарт үүссэн үйл явцыг хэрхэн боловсруулахыг судлая. Үүний тулд App компонентийн h1 гарчигийн доор input талбарыг
<div style={divStyle}>
<h1>
{this.state.pageTitle}
</h1>
<input type="text"/>
<button onClick={this.changeTitleHandler.bind(this, 'App өөрчлөлт')}>Гарчиг өөрчлөх</button>оруулан өгөөд хөтөч дээрх хуудсаа харвал
Нээгдсэн тоо: 952 Төлбөртэй
RxJs сангийн хүрээнд буфер гэж юу болох талаар энэ хичээлээр авч үзье. Буфер гэдгийг утгуудыг түр зуур хадгалах сав буюу орон зайг гэж ойлгоорой.
buffer, bufferTime арга
Практик жишээгээр ухагдхууныг ойлгох нь амархан байдаг учраас шууд
Rx.Observable.interval(500)
.buffer(Rx.Observable.interval(2000))
.take(3)
.subscribe(createSubscribe('buffer'));кодыг авч үзье. Хөтөч дээр хуудсаа нээвэл консолд
үр дүнг үзүүлнэ. Код юу хийж байгааг авч үзье.
Нээгдсэн тоо: 1017 Нийтийн
Хичээлээр RxJs сангийн талаар өмнөх хичээлүүдээр олон авсан мэдлэгээ бататган API контактад хандан хэрэглэгчийн мэдээллийг авах энгийн програмыг боловсруулах болно. Програмаас төрөл бүрийн хүсэлтийг илгээх боломжтой болгох зорилгоор төсөлдөө Jquery санг суулгая. Үүний тулд WebStorm текст засварлагчийн терминалыг нээгээд
npm i jquery командыг өгөөрэй.
Нээгдсэн тоо: 812 Төлбөртэй
Javascript дээр бичигдсэн RxJs сан нь програмчлалыг рейктив /reactive/ аргачлалаар боловсруулахад зориулагдсан. RxJs санг ашиглан массив, мөрүүд, тоонууд, промис /promise/, үйл явцууд /event/ гэх мэтийн өгөгдлийн төрлүүдээс гадна дурын синхрон зүйлүүдтэй амархан харьцан ажиллах боломжтой. Стримүүдийг нэгтгэх I хичээлд RxJs санг ашиглан өөр стримүүдийг нэг стримд нэгтгэх аргуудтай танилцаж ба энэ хичээлээр аргуудыг үргэлжлүүлэн авч үзнэ.
concatMap арга
Арга mergeMap аргатай тун адилхан. Аргыг ажиллагааг
Rx.Observable.range(1, 5)
.concatMap((x, i) => {
return Rx.Observable.interval(100)
.take(x)
.map(c => i)
})
.subscribe(createSubscribe('concatMap'));кодоос харцгаая.
тэгшитгэлийг бод.
бол 
илэрхийллийн утгыг ол.