يېڭى ماشىنا ئادەملەر ئۈچۈن React.JS ، سودا ماشىنا ئادەملىرىنى يازغاندا كۈتۈپخانىنى ئىشلىتىش

يېڭى ئۆگەنگۈچىلەر ئۈچۈن React JS دېگەن نېمە ، ئۇ نېمە ، دەرسلىك ، قاچىلاش ، ھۆججەتلەر – سودا ماشىنا ئادەملىرىنى يازغاندا React JS كۈتۈپخانىسىنى قانداق ئورنىتىش ۋە ئىشلىتىش. كومپيۇتېر مۇتەخەسسىسلىرىنىڭ خىزمەت ئېلانىدا ، سىز JavaScript كۈتۈپخانىسىدا ماھارەت بار دېگەن تەلەپنى تاپالايسىز. شۇنداق ، ئۇلار React ھەققىدىكى بىلىملەرنى يۇمشاق دېتال ئاچقۇچىلاردىنلا ئەمەس ، بەلكى تور بېكەتنىڭ ئىچكى تەرەققىياتى بىلەن شۇغۇللىنىدىغان پروگراممېرلاردىنمۇ ئۈمىد قىلىدۇ. بۇ قانداق كۇتۇپخانا ، ئۇ خىزمەتتە قانداق پۇرسەتلەرنى بېرىدۇ ، يېڭى ئۆگەنگۈچىلەر قەيەردىن تونۇشۇشقا باشلايدۇ؟ بۇنى بۇ ماقالىدە ئېنىقلاپ چىقايلى.

JavaScript كۈتۈپخانىسى – ئىنكاس: ئۇ نېمە

React.JS داڭلىق
JavaScript پروگرامما تىلىنىڭ كۇتۇپخانىسى بولۇپ ، تور ئىجتىمائىي ئالاقە تورى Facebook تەرىپىدىن قۇرۇلغان بولۇپ ، تور بېكەت ۋە قوللىنىشچان پروگراممىلارنىڭ سىرتقى قېپىنى تەرەققىي قىلدۇرۇش ۋە ئاددىيلاشتۇرۇش ئۈچۈن – ئىشلەتكۈچى ئۆز-ئارا تەسىر كۆرسىتىدىغان كۆرۈنمە يۈزى. كۈتۈپخانىنىڭ ئاساسلىق ئالاھىدىلىكى زاپچاس ۋە ھالەت. بىر زاپچاس رەقەملىك سىستېمىنىڭ بىر قىسمى بولۇپ ، ئۇ لايىھەلەنگەن سىستېمىنىڭ مەلۇم قىسمىنىڭ كۆرۈنۈشىگە مەسئۇل.

دىققەت! بۇنداق زاپچاس زاپچاسلىرىنى ئۇۋا قىلىشقا بولىدۇ.

بىر دۆلەت كۆرۈنمە يۈزىنىڭ تەپسىلاتلىرىنى ئۆز ئىچىگە ئالغان بارلىق ئۇچۇرلارنى توپلايدۇ. مىساللارنى ئىشلىتىپ ، نېمە ئىش ئىكەنلىكىنى تېخىمۇ تەپسىلىي ۋە ئېنىق بىلىمىز. تۆۋەندىكى رەسىمدە بىر قىسىم چوڭ زاپچاسلار كۆرسىتىلدى – توردىكى ئىجتىمائىي ئالاقە تورىغا يوللاش ، ئومۇمىي ئۇچۇرلار بار ۋە رەسىملەرنى كۆرسىتىش. ھەر بىر بۆلەك كىچىك زاپچاسلارنى ئۆز ئىچىگە ئالىدۇ. مەسىلەن ، نەشىر بويۇملىرى تېكىست ، سۈرەت ، ئۇچۇرلارنى ئېلان قىلغان ئىشلەتكۈچىنىڭ ئىسمى قاتارلىقلارنى ئۆز ئىچىگە ئالىدۇ. رەسىم بۆلۈمى ئايرىم رەسىملەرنى ئۆز ئىچىگە ئالىدۇ ، ئادەتتىكى ئۇچۇر بۆلىكىدە قىسقا ئۇچۇرلار بار.
بۇ زاپچاسلارنىڭ (زاپچاسلارنىڭ) ھەر بىرىنىڭ ھالىتى بار. يەنى ئادەتتىكى ئۇچۇرلار بار بۆلەك ئوخشىمىغان ئۈسكۈنىلەردە ئوخشىمايدۇ ، «ياقتۇرۇش» ئېلېمېنتى بېسىلغاندا رەڭنى ئۆزگەرتىدۇ ۋە ياقتۇرىدىغانلارنىڭ ئومۇمىي سانىغا مەسئۇل بولىدۇ. نەشر قىلىش ئۆز نۆۋىتىدە تېكىستنى قىسقارتالايدۇ ياكى تولۇق يەتكۈزەلەيدۇ.

شۇڭا ، React.JS نىڭ جانلىقلىقى ئىپادىلىنىدۇ – كۆرۈنمە يۈزى زاپچاسلىرى بىر قېتىم يېزىلىدۇ ، ئۇنىڭدىن كېيىن ئۇنىڭغا بارلىق مۇمكىنچىلىكلەر بېرىلىدۇ.

نېمە ئۈچۈن رېئاكسىيە كۇتۇپخانىسى لازىم بولىدۇ؟

React.JS قۇلايلىق فورماتتا JS ياكى HTML كودىنى يېزىش ، ئۇنىڭ كۆپەيتىلگەن نۇسخىسىنى ھاسىل قىلىش ۋە كۆرۈنۈشلۈك قىلىش مۇمكىنچىلىكى بار تاللاشلارنىڭ بىرى. بۇ يەردىكى زاپچاسلار JavaScript پروگرامما تىلى ۋە قېلىپلاشقان HTML بەلگە تىلىنىڭ ئېلېمېنتلىرىنى ئۆز ئىچىگە ئالغان ئالاھىدە سىستېما تىلى – JSX بىلەن يېزىلغان.
JSX دا يېزىلغان كود بىر قەدەر ئېنىق. توركۆرگۈنىڭ بۇ سىستېما تىلىنى چۈشىنىشىنىڭ ھاجىتى يوق – React.JS كودى JS غا يۆتكىلىدۇ ، ھەر قانداق توركۆرگۈچ چاتاقسىز ھېس قىلىدۇ. بۇنىڭ ئۈچۈن كۇتۇپخانىدا يارىتىلغان نەرسە مەخسۇس تۈزگۈچىلەر (بۈگۈنكى كۈندە ئەڭ ئالقىشقا ئېرىشكەنلەرنىڭ بىرى Babel js) ئارقىلىق ئۆتىدۇ ، ئۇ ئانچە تونۇلمىغان پروگرامما تىلىدىكى كودلارنى JavaScript ۋەكىللىكىگە ئايلاندۇرىدۇ.
دەسلەپتە قارىماققا ئىشلىتىش سىستېمىسى قارىماققا ئىنتايىن مەنتىقىسىزدەك قىلىدۇ ، ئەمما بىر ئازدىن كېيىن كۆنۈپ ، مېخانىزىمنىڭ نېمە ئۈچۈن شۇنداق لايىھەلەنگەنلىكىنى ھېس قىلىسىز. JavaScript كۈتۈپخانىسىنىڭ بىر قانچە كۈچلۈك ئەۋزەللىكى بار:

• سىستېما پروگرامما تىلى ھەممىگە تونۇشلۇق JavaScript غا قارىغاندا ئاسان تونۇلىدۇ ، نەتىجىدە ، كودنى قوللاش ۋە ئۇنىڭدىكى خاتالىقلارنى تۈگىتىشكە بىر قانچە ھەسسە ئاز ۋاقىت كېتىدۇ (يېڭى كود ۋە پروگراممىلارنى يېزىش سۈرئىتى ماس ھالدا ئاشىدۇ)
• بۇ يەردە قۇلايلىق ۋە ئەمەلىي قوللىنىشچان سىستېما قۇرۇلدى – كودنىڭ ئوخشىمىغان يېزىقچىلىق باسقۇچىدا ۋە ئوخشىمىغان پروگراممىلاردا ئىشلىتىلىدىغان بۆلەكلىرىنى تەكرارلاش ، شۇنداقلا مەزمۇنغا قاراپ ئۆزگىرىدۇ.
• ھەر بىر تەركىب ئېلېمېنتى پەقەت ئۇنىڭ ھالىتىگە بويسۇنىدۇ ، شۇڭلاشقا ئەگەر ئۇنىڭ خىزمىتىدە تۇيۇقسىز خاتالىق كۆرۈلسە ، كودتىكى يېتەرسىزلىكلەرنى تۈزىتىش ئاسان. توغرا بولمىغان دەقىقىلەر يەر يۈزىگە لەيلەپ تۇرىدۇ: نورمال ئىشلەيدىغان ئېلېمېنت بۇ ھالەتتە داۋاملىق مۇقىم خىزمەت قىلىدۇ ، ئەلۋەتتە ، ئۇنىڭغا مۇناسىۋەتلىك خاتا ھالەت قوللىنىلمىسىلا.

شۇڭا ، بىز React.JS كۈتۈپخانىسىنىڭ نۇرغۇن ۋاقىتنى تېجەپ ، كودنى تېخىمۇ ئېنىق قىلىپ ، تەرتىپنى توغرا تەرتىپ بويىچە تەشكىللەپ ، چوڭ بۆلەكلەرنى قايتا ئىشلەتكىلى بولىدىغانلىقىنى يەكۈنلەپ چىقالايمىز. بۇ ئەۋزەللىكلەر ئىشلەتكۈچى ئارايۈزىنى قۇرۇش جەريانىنىڭ تەننەرخىنى تۆۋەنلىتىدۇ ، شۇنداقلا بۇ جەرياننىڭ ۋاقتىنى تېزلىتىدۇ. JS ۋە HTML پروگرامما تىلىنى ئىشلىتىش ماھارىتىگە ئىگە ، JSX سىستېمىسىنى ئىشلىتىشنى ئۆگىنىش ئاسان – بىر نەچچە كۈندىلا ئۇنى ئىگىلىگىلى بولىدۇ.

دىققەت! زور مىقداردىكى ھەرىكەتچان بەتلەرنى يېزىشقا توغرا كەلگەندە ، چوڭ تۈرلەر بىلەن ئىشلىگەندە كۈتۈپخانىنى ئىشلىتىش ئاقىلانىلىك. كىچىك سودا تور بېكىتى بۇنداق مۇرەككەپلىككە ئېھتىياجلىق ئەمەس.

JS نىڭ ئاساسىي دەرسلىكىنى A دىن Z غا قايتۇرۇڭ: https://youtu.be/GNrdg3PzpJQ

يېڭى ئۆگەنگۈچىلەرگە تونۇش: ئاساسىي ئۇقۇم

ياخشىمۇسىز دۇنيا!

كۈتۈپخانىنىڭ بىرىنچى بېتىگە كىرگەندە ، ئىشلەتكۈچى قارشى ئالىدىغان ماۋزۇنى كىچىك مىسال – «ياخشىمۇسىز دۇنيا!» دەپ كۆرىدۇ.

JSX سىستېما تىلىنىڭ ئاساسى

JSX سىستېما پروگرامما تىلى ، ھەممىگە تونۇشلۇق JavaScript نىڭ كېڭەيتىلمىسى. ئۇ JA پروگرامما تۈزۈش ۋە قېلىپلاشقان HTML بەلگە تىلى دەپ ئىككى خىل تىلنى ئۆز ئىچىگە ئالىدۇ. پروگراممېرلار بۇ ئۇقۇمنى تەڭشەش ئارقىلىق ئابونت كۆرۈنمە يۈزىنىڭ قانداق بولۇشى كېرەكلىكىنى كۆرسىتىپ بېرىدۇ. JSX كۈتۈپخانىنىڭ «زاپچاسلىرى» نى قۇردى.

JSX دېگەن نېمە؟

رېئاكسىيە كۈتۈپخانىسى لوگىكىغا ئەمەل قىلىپ ، رەسىمنىڭ ماھىيىتى ئىشلەتكۈچى كۆرۈنمە يۈزىنىڭ لوگىكىسى بىلەن بىۋاسىتە مۇناسىۋەتلىك: ۋەقەلەرنىڭ قانداق بىر تەرەپ قىلىنىشى ، مەلۇم دەۋردە دۆلەتنىڭ قانداق ئۆزگىرىشى ۋە ئۇچۇرلارنىڭ تونۇشتۇرۇشقا قانداق تەييارلانغانلىقىدا. JS كۈتۈپخانىسىنى سىستېما تىلى ئىشلەتمەي ئىشلىتىشكە بولىدۇ ، ئەمما نۇرغۇنلىغان پروگرامما ئاچقۇچىلار JavaScript كودىدىن ھاسىل بولغان ئىشلەتكۈچى كۆرۈنمە يۈزى بىلەن ئىشلىگەندە ئېنىقلىقى ۋە ئېنىقلىقى سەۋەبىدىن ئۇنى قىممەتلىك دەپ قارايدۇ. ئۇنىڭدىن باشقا ، كېڭەيتىش رېئاكسىيەنىڭ ئىناۋەتسىز پەيت ۋە خاتالىق ئۇقتۇرۇشى ھاسىل قىلىشىنى ئاسانلاشتۇرىدۇ.

سىستېما تىلىدىكى ئىپادىلەرنىڭ شەكىللىنىشى

JSX بۇ جەرياندا ئەگرى سىزىق ئىچىدىكى ياخشى يېزىلغان JavaScript ئىپادىسىنى ئىشلىتەلەيسىز.

JSX يەنە بىر ئىپادە ، ئەسلى كود كودلانغاندىن كېيىن ، ھەر قانداق JSX ئىپادىسى JavaScript تۈرىنى نىشان قىلغان ئۆلچەملىك JS ئىقتىدار چاقىرىشقا ئايلىنىدۇ. بۇنىڭدىن چۈشىنىشكە بولىدۇكى ، قولدا ۋە مۇددەت ئىچىدە رەسمىي پروگرامما تىلىنىڭ سىستېما كېڭەيتىلىشىنى ئىشلىتىشكە بولىدۇ.

JSX ئوبيېكت بولسا كېڭەيتىش ئارقىلىق ئىپادىلەنگەن ئوبيېكتلار رېئاكسىيە ئېلېمېنتى دەپ ئاتىلىدۇ. ئۇلار پروگرامما ئاچقۇچىنىڭ ئېكراندا كۆرمەكچى بولغان نەتىجىسىنى ئايدىڭلاشتۇردى. كۇتۇپخانا بۇ نەرسىلەرنى تونۇيدۇ ۋە ھۆججەت ئوبيېكتى مودېلىنى ھاسىل قىلىش ۋە ئاسراش جەريانىدا ئىشلىتىدۇ.

تەپسىلى رەسىم

تەپسىلاتلار رېئاكتىپ پروگراممىلارنى تەشكىل قىلىدىغان نۇرغۇن كىچىك قۇرۇلۇشلار.
تەپسىلاتلار پروگرامما ئاچقۇچىنىڭ ئاخىرىدا ئېكراندا كۆرمەكچى بولغان رەسىمى. ھۆججەت ئوبيېكتى مودېل ئېلېمېنتلىرىغا سېلىشتۇرغاندا ، كۇتۇپخانا ئېلېمېنتلىرى ئاددىي بولۇپ ، نۇرغۇن مەنبەلەرنى ئىگىلىمەيدۇ. ئېلېمېنتلار تەركىبلەرنىڭ تەركىبىي قىسمى.

زاپچاس ۋە تىرەك

زاپچاسلار UI نى مۇستەقىل بۆلەكلەرگە ئايرىشنى مۇمكىن قىلىدۇ ، بۇلار ئايرىم ئىشلەش ئاسان. ئۇلارنى بىرلەشتۈرۈپ كۆپ قېتىم ئىشلىتىشكە بولىدۇ. كۆپىنچە ھاللاردا زاپچاسلارنىڭ ئىقتىدارى JavaScript پروگرامما تىلىنىڭ ئىقتىدارىغا ئوخشايدۇ. ئۇلار تىرەك دەپ ئاتىلىدىغان كىرگۈزۈش ئۇچۇرلىرىنى ئالىدۇ ۋە پروگرامما ئاچقۇچىنىڭ ئېكراندا كۆرمەكچى بولغان تەرەققىيات ئەندىزىسىنى كۆرسىتىپ بېرىدىغان رېئاكسىيە ئېلېمېنتلىرىنى قايتۇرىدۇ.

زاپچاسلارنىڭ تۈرلىرى: ئىقتىدار ۋە سىنىپ

كۇتۇپخانا زاپچاسلىرىنى ئىقتىدار دەپ ئاتاش ئەڭ ئاسان.
زاپچاسلارنى ES6 سىنىپ شەكلىدە ئىپادىلەشكە بولىدۇ.

قىزىقارلىق! React كۇتۇپخانىسى بۇ ئىككى خىل زاپچاسنى ئوخشىشىپ كېتىدۇ.

props

تەكلىپلەر پەقەت ئوقۇغىلى بولىدىغان ئۆزگەرمەس نەرسىلەر. شۇڭلاشقا ، زاپچاس قايسى تۈرگە تەۋە بولۇشىدىن قەتئىينەزەر ، ئۇنىڭ تىرەكلىرىگە ھېچ نەرسە يازماسلىقى كېرەك.

دۆلەت ۋە ھايات دەۋرىيلىكى

ئالدى بىلەن ، خىزمەتتە دۆلەتنى قانداق مۇۋاپىق ئىشلىتىشنى ئېنىقلاپ چىقايلى. زاپچاس ھالىتىنى بىلىشكە تېگىشلىك ئۈچ مۇھىم ئىش بار:

1. دۆلەتنى بىۋاسىتە ئۆزگەرتمەڭ ، setState ئۇسۇلىنى ئىشلىتىڭ. ئېسىڭىزدە تۇتۇڭ ، دۆلەتنى بىۋاسىتە ئۆزگەرتەلەيدىغان بىردىنبىر قۇرۇلۇش قىلغۇچى.
2. دۆلەتنىڭ يېڭىلىنىشى ماس قەدەمدە بولماسلىقى مۇمكىن.
3. ئۇچۇر ئېقىمىنىڭ بىر يۆنىلىشى بار. زاپچاس قۇرۇلۇشىدا ، ئۇلارنىڭ ھېچقايسىسى دۆلەتنىڭ باشقا زاپچاسلارغا تەقسىم قىلىنغان ياكى قىلىنمىغانلىقىنى بىلمەيدۇ. بۇ ياكى ئۇ مۇستەقىل فۇنكسىيەلىك ئېلېمېنتنىڭ قانداق شەكىللەنگەنلىكى مۇھىم ئەمەس – فۇنكسىيەلىك ياكى تۈرگە ئايرىش قورالى. بۇ «تۆۋەن ئېقىن» سانلىق مەلۇمات ئېقىمى دەپ ئاتىلىدۇ. بىر دۆلەت ھەمىشە بەزى ئېلېمېنتلارغا ئېنىقلىما بېرىدۇ ، بۇ دۆلەتنىڭ قۇرۇلما جەمئىيەتلىرى پەقەت قاتلاملىق تەرتىپ بويىچە «تۆۋەن» گە جايلاشقان قىسىملارغا تەسىر كۆرسىتىدۇ.

ئادەتتە ، دۆلەت «يەرلىك» ، «ئىچكى» ياكى يوشۇرۇن دەپ ئاتىلىدۇ. ئۇ پەقەت فۇنكسىيەلىك ئېلېمېنتنىڭ ئۆزىگىلا كۆرۈنىدۇ ۋە رېئاكسىيەنىڭ باشقا قىسىملىرىغا كۆرۈنمەيدۇ. كۈتۈپخانا پروگراممىلىرىدا ، مۇستەقىل ئىقتىدار ئېلېمېنتىغا مەلۇم بىر دۆلەت بېرىلگەن ياكى بېرىلمىگەنلىكى بۇ بۆلەكنىڭ ئىچكى تەرەققىياتى بولۇپ ، ۋاقىتنىڭ ئۆتۈشىگە ئەگىشىپ ئۆزگىرىدۇ. قىزىقارلىق يېرى شۇكى ، ئەسەردە سىز زاپچاسلارنى دۆلەت بىلەن بىرلەشتۈرەلەيسىز.

ھادىسە ئانالىزى

رېئاكسىيە زاپچاسلىرىدىكى ۋەقەلەرنى تەھلىل قىلىش جەريانى ھۆججەت ئوبيېكتى مودېل ئېلېمېنتلىرىدىكى ۋەقەلەرنى بىر تەرەپ قىلىشقا ئوخشايدۇ. قانداقلا بولمىسۇن ، ئۇلارنى بىر-بىرىدىن پەرقلەندۈرىدىغان بىر قانچە ئىقتىدار بار:

1. JavaScript كۈتۈپخانىسىدىكى ۋەقەلەر ئۆلچەملىك ئۇسلۇبقا ئوخشىمايدىغان ئۇسلۇبتا ئاتالغان.
2. سىستېما كېڭەيتىلگەن پروگرامما تىلىنى ئىشلىتىپ ، پروگرامما ئاچقۇچى تارماق پروگراممىنى تىزما ئورنىدا پائالىيەت بېجىرگۈچى قىلىپ بېرىدۇ.

ئېلېمېنتلارنىڭ شەرتلىك كۆرسىتىلىشى

JavaScript كۈتۈپخانىسى تەرەققىي قىلىۋاتقان ئېلېمېنتلارنىڭ لوگىكىسىنى مۇستەقىل زاپچاسلارغا ئايرىشنى مۇمكىن قىلىدۇ. ئۇلار ھازىرقى ھالەتتە قانداق ھالەتكە كەلگەنلىكىگە ئاساسەن ، ئادەتتىكى كۆرسىتىش ئۈچۈن ياكى يوشۇرۇن ھالەتتە كۆرسىتىلىدۇ. ئېلېمېنتلارنىڭ شەرتلىك كۆرسىتىلىشى JavaScript پروگرامما تىلىنى ئاساس قىلغان شەرتلىك ئىپادىلەش بىلەن ئوخشاش پرىنسىپتا ئىشلەيدۇ. بەزىدە كۇتۇپخانىدا دۆلەتنىڭ بەزى ئېلېمېنتلارنىڭ يوشۇرۇلۇشى ياكى كۆرسىتىلىشىگە قانداق تەسىر كۆرسىتىدىغانلىقىنى چۈشەندۈرۈش تەلەپ قىلىنىدۇ. بۇ يەردە شەرتلىك JS ياردەمچىسى ياكى بۇنىڭغا ئوخشاش ئىپادىلەرنى ئىشلىتىش تېخىمۇ لوگىكىلىق.

زاپچاسلارنى ئۆزگەرتىش

ئۆزگەرگۈچى مىقدارغا ئەمەلىي كۇتۇپخانا ئېلېمېنتلىرىنى قوشقىلى بولىدۇ. بەزى شەرتلەر زاپچاسنىڭ بىر قىسمىنى سىزىش كېرەكمۇ-يوق ، ياكى ھېچقانداق ئەھمىيىتى يوقلىقىنى كۆرسەتسە ، بۇ ئەمەلىي ھەل قىلىش چارىسى ، قالغان قىسمى ئۆزگەرمەيدۇ.

تىزىملىك ​​ۋە ئاچقۇچ

بۇ بۆلەك بىر قانچە تەركىبنى ئۆز ئىچىگە ئالىدۇ:

1. كۆپ خىل ئېلېمېنتلارنى سىزىش . ئىشلەتكۈچى بىر يۈرۈش ئېلېمېنتلارنى شەكىللەندۈرۈپ ، بۈدرە تىرناق ئارقىلىق ئۇنى سىستېما پروگرامما تىلىغا قىستۇرالايدۇ.
2. ئېلېمېنتلارنىڭ دەسلەپكى تىزىملىكى . ھەمىشە ، ئىشلەتكۈچىلەر ۋە پروگراممېرلار تىزىملىك ​​قىسمىنى بىۋاسىتە زاپچاس قىسمىدا تەڭشەيدۇ.

ئاچقۇچ

JavaScript كۈتۈپخانىسىدىكى ئاچقۇچ زاپچاسلار تىزىملىكى ھاسىل قىلغاندا چوقۇم كىرگۈزۈلىدىغان ئالاھىدە قورالنى كۆرسىتىدۇ. ئاچقۇچلار JavaScript كۈتۈپخانىسىنىڭ قايسى تۈرلەرنىڭ تەڭشەلگەن ، قوشۇلغان ياكى چىقىرىۋېتىلگەنلىكىنى ئېنىقلىشىغا ياردەم بېرىدۇ. ئۇلارغا بەلگە قويۇش تولىمۇ مۇھىم ، شۇنداق بولغاندا رېئاكسىيە مەلۇم ۋاقىت ئۆتكەندىن كېيىن قۇرۇلما سانلىق مەلۇماتلىرىنىڭ تەركىبلىرىنى باغلىيالايدۇ.

جەدۋەل

JS كۈتۈپخانىسىدا قېلىپلاشقان بەلگە تىل ئېلېمېنتلىرى ھۆججەت ئوبيېكتى ئەندىزىسىنىڭ زاپچاسلىرىغا قارىغاندا سەل ئوخشىمايدۇ ، چۈنكى شەكىل ئېلېمېنتلىرىنىڭ دەسلەپتە يوشۇرۇن ھالىتى بار.

باشقۇرۇلىدىغان تۈرلەر

قېلىپلاشقان بەلگە تىلىدا كىرگۈزۈش ، تاللاش ، تېكىستكە ئوخشاش شەكىللەر پروگرامما ئاچقۇچىلار يېڭى ئۇچۇرغا كىرگەندە ئۆزىنىڭ ھالىتىنى ساقلاپ قالىدۇ ۋە يېڭىلايدۇ. React.js ھالىتى ھەمىشە باشقۇرۇلىدىغان ئېلېمېنتتىكى كىرگۈزۈش ساھەسىنىڭ قىممىتىنى بەلگىلەيدۇ. گەرچە بۇ ئىشلەتكۈچىنىڭ ئەسلى بېرىلگەن كودقا قارىغاندا ئازراق يېزىشى كېرەكلىكىنى كۆرسەتسىمۇ ، ئەمما ھازىر بۇ قىممەتنى ئىشلەتكۈچى كۆرۈنمە يۈزىنىڭ باشقا قىسىملىرىغا يەتكۈزۈش مۇمكىن.

دۆلەتنىڭ قەد كۆتۈرۈشى

دۆلەت كۆتۈرۈش بولسا قېلىپلاشقان قېلىپ بولۇپ ، ھەر بىر ئاچقۇچى بىلىشكە تېگىشلىك ۋە خىزمەت جەريانىدا قوللىنالايدۇ. ئۇنى ئىشلىتىش مۇرەككەپ ۋە ئادەتتە پايدىسىز دۆلەت باشقۇرۇش ئەندىزىسىنى يوقىتىدۇ.

نېمە ئۈچۈن دۆلەتنىڭ قەد كۆتۈرۈشىنى كونترول قىلىش شۇنچە زۆرۈر؟

ئۇ ئېھتىياجلىق بولغان زاپچاسلار ئۈچۈن دۆلەتنى ئىلگىرىكى زاپچاسلار دەرىجىسىگە كۆتۈرۈش كېرەك ، شۇنداق بولغاندا بارلىق ئېلېمېنتلار دۆلەتكە قاتنىشالايدۇ. مۇقىم دۆلەت ئۇنى تايىنىدىغان بارلىق زاپچاسلار ئارىسىدا تارقىتىشنى ئاسانلاشتۇرىدۇ.

Composition vs Inheritance

React.js كۈچلۈك تەركىب ئەندىزىسىنى ئۆز ئىچىگە ئالىدۇ ، شۇڭا ئېلېمېنتلار ئارىسىدا بۇرۇن يېزىلغان كودنى قايتا ئىشلىتىش ئۈچۈن مىراس ئورنىدا بۆلەكلەردىن بىر پۈتۈن گەۋدە قۇرۇش جەريانىنى ئىشلىتىش تەۋسىيە قىلىنىدۇ. شۇڭا ، تىرەك ۋە زاپچاس زاپچاسلىرىدىن يەككە پۈتۈن تەركىب ھاسىل قىلىش ئىقتىدارى ، ئاچقۇچىنى ئېلېمېنتنىڭ قېپى ۋە ھەرىكىتىنى كونكرېت ۋە بىخەتەر شەكىلدە بارلىققا كەلتۈرۈش ئۈچۈن كېرەكلىك جانلىقلىق بىلەن تەمىنلەيدۇ.

ئەسكەرتىش! زاپچاس زاپچاسلىرى مۇناسىۋەتسىز تىرەكلەرنى ئالالايدۇ ، بۇلار كۈتۈپخانا ياكى ئىقتىدارنى تەشكىل قىلىدىغان دەسلەپكى بۆلەكلەرنى ئۆز ئىچىگە ئالىدۇ.

ئىككىنچى ياكى ئۈچىنچى قېتىم زاپچاسلار بىلەن ئىشلەش ئۈچۈن كۆرۈنۈشسىز ئىقتىدارنى ئىشلىتىشكە توغرا كەلسە ، ئۇنى ئايرىم JS مودۇلىغا تارتىپ چىقىرىڭ. ئۇنى زاپچاسقا يۆتكەڭ ۋە ھاسىل قىلىنغان ئىقتىدارنى تېخىمۇ كېڭەيتمەي ئىشلىتىڭ. رېئاكسىيە ياكى Vue ياكى Angular ، نېمىنى تاللاش: https://youtu.be/Nm8GpLCAgwk

React.js پرىنسىپلىرى

JavaScript كۈتۈپخانىسىنىڭ پۈتكۈل پەلسەپىسى رېئاكسىيە قوللانمىسىغا يوشۇرۇنغان. قارىماققا بۇ ئۇزۇن ھەم ئۇنچە مۇھىم ئەمەسدەك قىلىدۇ ، قانداقلا بولمىسۇن ، نۇرغۇن ئابونتلار ھەممە نەرسىنى ئوقۇغاندىن كېيىن جايىغا چۈشتى دەپ ئوتتۇرىغا قويدى. بۇ ھۆججەت خېلى كونا ، ئەمما يەنىلا ناھايىتى مۇھىم ۋە باغلىنىشلىق –
https://ru.reactjs.org/docs/thinking-in-react.html . Js دەرسلىكى https://ru.reactjs.org/tutorial/tutorial.html

React.js كۈتۈپخانىسىنىڭ ئىقتىدارى

JavaScript كۈتۈپخانىسىنى ئىشلىتىپ ، ئابونت بارلىق دىققىتىنى UI ئېچىش جەريانى ۋە قوللىنىشچان دېتاللارغا بىۋاسىتە دىققەت قىلىش پۇرسىتىگە ئېرىشىدۇ ، ھېچ بولمىغاندا يېزىق كودىنىڭ شەكىللىنىشى ۋە يېتەرسىزلىكلىرى بىلەن چېچىلىدۇ. كۈتۈپخانا پروگراممىلارنى تېزرەك تەرەققىي قىلدۇرالايسىز ، زاپچاس ۋە پۈتكۈل تۈرنىڭ جەريانىنى تەڭشەش ۋە تەھرىرلەشكە قولايلىق يارىتىدۇ. شۇڭا ، React.js يەرشارى تورى ، UI ، پروگرامما دۆلەت كونتروللۇقى ۋە باشقا مۇرەككەپ مەسىلىلەرنى ھەل قىلىش ئىقتىدارىدىكى ئالاقىگە مەسئۇل ئېلېمېنتلارنى ئۆز ئىچىگە ئالىدۇ. كۈتۈپخانىدا يەنە تۆۋەندىكى ئىقتىدارلار بار:

1. ئەمەلىيەتچانلىقى . React.js كىچىكلىتىلگەن فورماتتا بار. بۇ ئىخچام بولاقنى ئېنىق تەڭشەشنىڭ ھاجىتى يوق. ئۇ ئاللىبۇرۇن كود بۆلۈش ئىقتىدارىنى ئۆز ئىچىگە ئالغان بولۇپ ، تور بېكەتنىڭ توركۆرگۈ نۇسخىسىنى ئېچىشقا كېتىدىغان ۋاقىتنى قىسقارتىدۇ ، چۈنكى بۇ تاللاش زاپچاسلارنىڭ بىرلا ۋاقىتتا كۆرسىتىلىشىنى توسىدۇ.
2. پومپا ئېكولوگىيە سىستېمىسى ۋە ماسلىشىش . كۈتۈپخانىدا نۇرغۇن تور بېكەتلەر بار ، باشقا تور بېكەتلەر قوللايدۇ ، بۇ ئىشلەتكۈچىنىڭ ھەر قانداق مەقسەتتە يېڭى مۇرەككەپ پروگراممىلارنى تەرەققىي قىلدۇرالايدۇ.
3. تولۇق ئىقتىدار . JavaScript كۈتۈپخانىسىنىڭ ئاساسلىق ئەۋزەللىكى شۇكى ، بارلىق يېڭى نۇسخىدىكى سۇپىلار كونالارنىڭ تەلىپىگە ماس كېلىدۇ ، شۇڭا كونا ۋە يېڭىلانغان نەشرىنى ئىشلىتەلەيسىز ، ئۇلارنىڭ ھەممىسىنى قوللايدۇ ۋە بۈگۈنگە ماس كېلىدۇ. ئىلگىرى ئېلان قىلىنغان نەشرى ئەڭ يېڭى يېڭىلانمىلاردىن كېيىن كونىراپ كەتمەيدۇ.

ئەمەلىي ئىشلىتىش

كۈتۈپخانىنىڭ باش بېتىدە ، ئىشلەتكۈچىلەرنىڭ كۆرسەتمىسىدە ، رېئاكسىيەنى ئەمەلىيەتتە ئىشلىتىشنىڭ بىر قانچە مىساللىرى بار. ئۇلارنى قولدا تۈزەتسىڭىز بولىدۇ. سىز يېڭى ئىشلەتكۈچى بولسىڭىزمۇ ، كۈتۈپخانىنىڭ ماھىيىتى ۋە لوگىكىسىنى چۈشەنمىسىڭىزمۇ ، كودنى خالىغانچە تەڭشەپ نەتىجىنى كۆرۈڭ.

JavaScript دا سودا ماشىنا ئادەملىرىنى يازغاندا رېئاكسىيەنىڭ ئەمەلىي قوللىنىلىشى

شۇنى ھېس قىلىش كېرەككى ، بىر پروگرامما ئاچقۇچى JS نى پروگرامما قىلمايدۇ ، ئەمما قوليازما (ئورگىنال) يازىدۇ. شۇڭلاشقا ، كۇتۇپخانىنى ئىشلىتىپ ، بىر پروگرامما ئاچقۇچى كېيىنكى سودا ماشىنا ئادەملىرىگە سودا مەقسىتىدە ئىشلىتىلىدىغان كود يازالايدۇ ، شۇنداقلا بۇ سۇپا ئاساسىدا تاشقى قىياپىتىنى داۋاملىق لايىھىلەيدۇ. ئەمەلىيەتتە ، سودا ماشىنا ئادىمىمۇ بىر قوللىنىشچان پروگرامما بولۇپ ، بۇنىڭ ئىچىدە React.js ئارقىلىق نۇرغۇن سان تەتقىق قىلىنىۋاتىدۇ. قانداقلا بولمىسۇن ، بەزى ئىقتىدارلار ۋە بوتنىڭ ئىچكى قىسمى يەنىلا بۇنىڭغا ماس كېلىدىغان قوراللار بىلەن تەمىنلەيدىغان باشقا تور بېكەتلەردە قىلىشقا توغرا كېلىدۇ.

GitHub and React.js

GitHub بارلىق نەشىر تۈرلىرىنى ساھىبخانلىق قىلىدىغان سۇپا. ئىشلەتكۈچى ساھىبجامالنى ئۇلايدۇ ، رەسمىي GitHub تور بېكىتىدە تىزىملىتىش رەسمىيىتىنى ئۆتىدۇ ، ئاندىن تور ئامبىرى قۇرۇپ ، ئۇ يەردە بارلىق ھۆججەتلەرنى Git دىن يۆتكەيدۇ.
Git بۈگۈنكى كۈندە ئەڭ ئالقىشقا ئېرىشكەن ۋە مۇناسىۋەتلىك تۈر نەشرىنى كونترول قىلىش مۇلازىمىتى ، GitHub بولسا يىراقتىكى كود ئامبىرى.

پايدىلانما! ئىجازەت بىلەن مۇناسىپ ئۇلىنىشنى تاپشۇرۇۋالغان ئابونتلارلا ھۆججەتلەرنى تەھرىرلەش ۋە چۈشۈرۈشكە ئېرىشەلەيدۇ.

پۈتۈك

JavaScript كۈتۈپخانىسىغا مۇناسىۋەتلىك بارلىق دەرسلىكلەر ۋە ئەڭ يېڭى ماتېرىياللار ئەڭ يېڭى يېڭىلانمىلارغا ماس كېلىدۇ. پروگراممېرلار يەنە كۇتۇپخانىنىڭ ئايرىم بېتىگە چاپلانغان ھۆججەتلەرنىڭ كونا نۇسخىسىنى ئادەتتىكى ئوقۇش ئۈچۈن تۈزۈپ يوللايدۇ. شۇڭلاشقا ، يېڭى ئۆگەنگۈچىلەرگە تور بېكەت باشقۇرۇش ماھارىتىنى ئىگىلەش ئاسان بولىدۇ: كونا ۋە يېڭى ماتېرىياللار – ھەممە نەرسە بۇ يەردە ، ھەممە ئادەم ئۈچۈن ھەقسىز.

دىققەت! قوللانمىلارنى ئوقۇشنى ئۇنتۇپ قالماڭ. ھېچ بولمىغاندا قاراپ بېقىڭ – ئاللىبۇرۇن چۈشىنىشكە بولمايدىغاندەك ئىشلارنىڭ كۆپىنچىسى جايىغا چۈشىدۇ.

رېئاكسىيە كۈتۈپخانىسى بۈگۈنكى كۈندە مودا ۋە مۇناسىۋەتلىك سۇپا. ئۇنىڭ كۆپ خىللىقى پروگراممېرلارنىڭ تېخىمۇ سۈپەتلىك ۋە قىسقا ۋاقىت ئىچىدە تۈر ياسىيالايدۇ. ئۇنىڭدىن باشقا ، بۇ سۇپىنى بىلىش ۋە ئىشلىتىش ئىقتىدارىغا ئىگە بولۇش مۇتەخەسسىسلەرنى ئەمگەك كۈچى بازىرىغا تېخىمۇ ئېھتىياجلىق قىلىدۇ.