React.JS פֿאַר אָנהייבער דאַמיז, ניצן די ביבליאָטעק ווען שרייבן טריידינג ראָובאַץ

וואָס איז React JS פֿאַר אָנהייבער דאַמיז, וואָס איז עס, טוטאָריאַלז, ייַנמאָנטירונג, דאַקיומענטיישאַן – ווי צו ינסטאַלירן און נוצן די React JS ביבליאָטעק ווען איר שרייבן טריידינג ראָובאַץ. אָפט אין אַרבעט אַדווערטייזמאַנץ פֿאַר קאָמפּיוטער ספּעשאַלאַסץ, איר קענען געפֿינען אַ פאָדערונג וואָס זאגט אַז איר האָבן סקילז אין די דזשאַוואַסקריפּט ביבליאָטעק. יאָ, און זיי דערוואַרטן וויסן פון רעאַקט ניט בלויז פון ווייכווארג דעוועלאָפּערס, אָבער אויך פון פּראָוגראַמערז וואָס זענען פאַרקנאַסט אין די ינערלעך אַנטוויקלונג פון דעם פּלאַץ, און נישט פונדרויסנדיק פּלאַן. וואָס פֿאַר אַ ביבליאָטעק איז דאָס, וואָס אַפּערטונאַטיז גיט עס אין אַרבעט, און ווו אַ אָנהייבער הייבט זיך צו באַקענען זיך? זאל ס רעכענען עס אויס אין דעם אַרטיקל.

דזשאַוואַסקריפּט ביבליאָטעק – רעאַגירן: וואָס איז עס

React.JS איז אַ ביבליאָטעק פון די פאָלקס
דזשאַוואַסקריפּט פּראָגראַממינג שפּראַך , געגרינדעט דורך די אָנליין געזעלשאַפטלעך נעץ Facebook אין סדר צו פֿאַרבעסערן און פאַרפּאָשעטערן דעם פּראָצעס פון דעוועלאָפּינג די פונדרויסנדיק שאָל פון זייטלעך און אַפּלאַקיישאַנז – די צובינד מיט וואָס דער באַניצער ינטעראַקץ. די הויפּט שטריך פון דער ביבליאָטעק איז קאַמפּאָונאַנץ און שטאַטן. א קאָמפּאָנענט איז אַ טייל פון אַ דיגיטאַל גאַנג וואָס איז פאַראַנטוואָרטלעך פֿאַר די אויסזען פון אַ זיכער טייל פון די סיסטעם וואָס איז דיזיינד.

נאטיץ! אַזאַ קאָמפּאָנענט טיילן קענען זיין נעסטעד.

א שטאַט איז אַ זאַמלונג פון אַלע דאַטן וועגן די דעטאַילס פון אַ צובינד, אַרייַנגערעכנט זייַן רעפּריזענאַטיוו רענדערינג. ניצן ביישפילן, מיר וועלן געפֿינען אויס אין מער דעטאַל און קלאר וואָס איז וואָס. די בילד אונטן ווייַזן עטלעכע פון ​​​​די גרויס קאַמפּאָונאַנץ – פּאָסטינג צו אַן אָנליין געזעלשאַפטלעך נעץ, אַ אָפּטיילונג מיט אַלגעמיין אינפֿאָרמאַציע און ווייַזן פאָטאָס. יעדער טייל כולל קלענערער קאַמפּאָונאַנץ, וואָס זענען די קאַמפּאָונאַנץ. צום ביישפיל, א אויסגאבע אנטהאלט טעקסט, פאטאגראפיעס, דעם נאמען פונעם באנוצער וואס פארעפנטלעכט די אינפארמאציע אאז”ו ו דער בילד אפטיילונג נעמט אריין יחיד בילדער, און דער אלגעמיינער אינפארמאציע סעקציע אנטהאלט קורצע אינפארמאציע.
יעדער פון די קאַמפּאָונאַנץ (קאָמפּאָנענטס) האָבן אַ שטאַט. דאָס הייסט, דער אָפּטיילונג מיט אַלגעמיינע אינפֿאָרמאַציע וועט קוקן אַנדערש אויף פאַרשידענע דעוויסעס, די “ווי” עלעמענט ענדערונגען קאָליר ווען געדריקט און די נומער פאַראַנטוואָרטלעך פֿאַר די גאַנץ נומער פון לייקס; די אויסגאבע, אין קער, קען פאַרקירצן דעם טעקסט אָדער יבערשיקן עס אין פול.

אזוי, די בייגיקייט פון React.JS איז אויסגעדריקט – די צובינד קאָמפּאָנענט איז געשריבן אַמאָל, און דערנאָך עס איז געגעבן אַלע מעגלעך שטאַטן.

פארוואס איז די רעאַקט ביבליאָטעק דארף?

React.JS איז איינער פון די מעגלעך אָפּציעס צו שרייַבן JS אָדער HTML קאָד אין אַ באַקוועם פֿאָרמאַט, פאָרעם קאפיעס פון עס און מאַכן עס וויזשאַוואַל. די קאַמפּאָונאַנץ דאָ זענען געשריבן אין אַ ספּעציעל סיסטעם שפּראַך – JSX, וואָס כולל עלעמענטן פון די דזשאַוואַסקריפּט פּראָגראַממינג שפּראַך און די סטאַנדערדייזד HTML מאַרקאַפּ שפּראַך.
קאָד געשריבן אין JSX איז גאַנץ ספּעציפיש. עס איז אויך וויכטיק אַז דער וועב בלעטערער טוט נישט האָבן צו פֿאַרשטיין דעם סיסטעם שפּראַך – די React.JS קאָד איז טראַנספערד צו JS, וואָס קיין בלעטערער באמערקט אָן פראבלעמען. צו טאָן דאָס, וואָס איז באשאפן אין דער ביבליאָטעק איז דורכגעגאנגען דורך ספּעשאַלייזד קאָמפּילערס (איינער פון די מערסט פאָלקס הייַנט איז Babel js), וואָס גער קאָודז אין ווייניקער באַוווסט פּראָגראַממינג שפּראַכן אין דזשאַוואַסקריפּט רעפּראַזאַנטיישאַנז.
אין ערשטער עס קען ויסקומען אַז די נוצן סיסטעם איז גאָר ילאַדזשיקאַל, אָבער נאָך אַ בשעת איר באַקומען געוויינט צו אים און איר פאַרשטיין וואָס די מעקאַניזאַם איז דיזיינד אַזוי. די דזשאַוואַסקריפּט ביבליאָטעק האט אַ נומער פון שטאַרק אַדוואַנטידזשיז:

• די סיסטעם פּראָגראַממינג שפּראַך איז גרינגער צו דערקענען ווי די געזונט-באקאנט דזשאַוואַסקריפּט, און דעריבער עס וועט נעמען עטלעכע מאָל ווייניקער צייט צו שטיצן די קאָד און עלימינירן ערראָרס אויף עס (די גיכקייַט פון שרייבן נייַ קאָודז און מגילה וועט פאַרגרעסערן אַקאָרדינגלי);
• אַ באַקוועם און פּראַקטיש סיסטעם פון קאַנסטיטשואַנט עלעמענטן איז געבויט אין דאָ – ריפּיטינג פּאַרץ פון די קאָד וואָס זענען געניצט אין פאַרשידענע סטאַגעס פון שרייבן און אין פאַרשידענע מגילה, און אויך טוישן דיפּענדינג אויף דעם קאָנטעקסט;
• יעדער קאַנסטיטשואַנט עלעמענט איז סאַבאָרדאַנייט בלויז צו זיין שטאַט , דעריבער עס איז גרינגער צו פאַרריכטן חסרונות אין די קאָד אויב אַ טעות איז פּלוצלינג געפֿונען אין זיין אַרבעט אין פיר; פאַלש מאָומאַנץ לאָזנ שווימען צו די ייבערפלאַך: אַן עלעמענט וואָס פאַנגקשאַנז רעכט וועט פאָרזעצן צו אַרבעטן סטאַביל אין דעם מאָדע, סייַדן, פון קורס, די אומרעכט שטאַט איז געניצט אין באַציונג צו אים.

אזוי, מיר קענען פאַרענדיקן אַז די React.JS ביבליאָטעק קענען שפּאָרן אַ פּלאַץ פון צייט, מאַכן די קאָד מער ספּעציפיש, אָרגאַניזירן די סיקוואַנס אין די ריכטיק סדר, און ווידער נוצן גרויס בלאַקס. די אַדוואַנטידזשיז מאַכן עס מעגלעך צו רעדוצירן די פּרייַז פון דער פּראָצעס פון קריייטינג באַניצער ינטערפייסיז, און פאַרגיכערן די צייט פון דעם זייער פּראָצעס. מיט די סקילז צו נוצן די JS און HTML פּראָגראַממינג שפּראַך, לערנען צו נוצן די סיסטעם JSX איז גרינג – נאָר אַ ביסל טעג צו בעל עס.

נאטיץ! עס איז באַרדאַסדיק צו נוצן די ביבליאָטעק ווען ארבעטן מיט גרויס פּראַדזשעקס, ווען עס איז נייטיק צו שרייַבן אַ גרויס נומער פון דינאַמיש בלעטער. א קליין געשעפט פּלאַץ טוט נישט דאַרפֿן אַזאַ קאַמפּלעקסיטיז.

רעאַגירן JS פונדאַמענטאַל קורס פון א צו ז: https://youtu.be/GNrdg3PzpJQ

באַקאַנטע פֿאַר ביגינערז: יקערדיק קאַנסעפּס

העלא וועלט!

ווען איר אַקסעס די ערשטער בלאַט פון דער ביבליאָטעק, דער באַניצער וועט זען אַ באַגריסונג כעדינג ווי אַ קליין ביישפּיל – “העלא וועלט!”.

יסודות פון די JSX סיסטעם שפּראַך

JSX איז אַ סיסטעם פּראָגראַממינג שפּראַך, אַ פאַרלענגערונג פון די באַוווסט דזשאַוואַסקריפּט. עס כולל אַ קאָמבינאַציע פון ​​​​צוויי שפּראַכן – JA פּראָגראַממינג און די סטאַנדערדייזד HTML מאַרקאַפּ שפּראַך. דעוועלאָפּערס נוצן עס צו סטרויערן דעם באַגריף צו ווייַזן רעאַקט פּונקט ווי דער באַניצער צובינד זאָל קוקן ווי. JSX קריייץ די “טיילן” פון דער ביבליאָטעק.

וואָס איז JSX?

די רעאַקט ביבליאָטעק אַדכירז צו די לאָגיק אַז די עסאַנס פון רענדערינג איז גלייַך שייַכות צו די לאָגיק פון די באַניצער צובינד: ווי געשעענישן זענען פּראַסעסט, ווי שטאַט ענדערונגען אין אַ זיכער צייט און ווי אינפֿאָרמאַציע איז צוגעגרייט פֿאַר פּרעזענטירונג. די JS ביבליאָטעק קענען זיין געוויינט אָן זיין סיסטעם שפּראַך, אָבער אַ גרויס נומער פון דעוועלאָפּערס געפֿינען עס ווערטפול רעכט צו זיין קלעריטי און קאָנקרעטנעסס ווען ארבעטן מיט אַ באַניצער צובינד דזשענערייטאַד פֿון דזשאַוואַסקריפּט קאָד. אין אַדישאַן, די פאַרלענגערונג מאכט עס גרינגער פֿאַר רעאַקט צו דזשענערייט פאַרקריפּלט מאָמענט און טעות נאָוטאַפאַקיישאַנז.

פאָרמירונג פון אויסדרוקן אין די סיסטעם שפּראַך

JSX אַלאַוז איר צו נוצן קיין געזונט-געשריבן דזשאַוואַסקריפּט אויסדרוקן ין געגרייַזלט ברייסאַז אין אַ פּראָצעס.

JSX איז אויך אַן אויסדרוק אַמאָל די מקור קאָד איז בייטעקאָודיד, קיין JSX אויסדרוק טורנס אין אַ נאָרמאַל JS פונקציע רופן וואָס טאַרגאַץ די דזשאַוואַסקריפּט קאַטעגאָריע. פון דעם עס קענען זיין פארשטאנען אַז די סיסטעם פאַרלענגערונג פון דער באַאַמטער פּראָגראַממינג שפּראַך קענען זיין געוויינט אין די if מאַנואַל און פֿאַר פּיריאַדז.

JSX איז אָבדזשעקץ די אַבדזשעקץ רעפּריזענטיד דורך די פאַרלענגערונג זענען גערופן רעאַקט עלעמענטן. זיי דערקלערן די רעזולטאַט אַז דער דעוועלאָפּער וויל צו זען אויף די אַרויסווייַזן. די ביבליאָטעק אנערקענט די אַבדזשעקץ און ניצט זיי אין דעם פּראָצעס פון דזשענערייטינג און מיינטיינינג די דאָקומענט אָבדזשעקט מאָדעל.

דעטאַל רענדערינג

דעטאַילס זענען די פילע קליין בנין בלאַקס וואָס מאַכן רעאַקט מגילה.
דעטאַילס זענען די בילד אַז די דעוועלאָפּער וויל צו זען אין די סוף אויף די מאָניטאָר. קאַמפּערד מיט דאָקומענט אָבדזשעקט מאָדעל עלעמענטן, ביבליאָטעק עלעמענטן זענען פּשוט און טאָן ניט נעמען אַ פּלאַץ פון רעסורסן. עלעמענטן זענען די קאַנסטיטשואַנץ פון קאַמפּאָונאַנץ.

קאַמפּאָונאַנץ און פּראַפּס

קאַמפּאָונאַנץ מאַכן עס מעגלעך צו טיילן די וי אין פרייַ פּאַרץ, וואָס זענען גרינגער צו אַרבעטן אויף סעפּעראַטלי. זיי קענען זיין קאַמביינד און געוויינט עטלעכע מאָל. פֿאַר די רובֿ טייל, די פאַנגקשאַנאַליטי פון די קאַמפּאָונאַנץ איז ענלעך צו די פאַנגקשאַנאַליטי פון די דזשאַוואַסקריפּט פּראָגראַממינג שפּראַך זיך. זיי נעמען אַרייַנשרייַב אינפֿאָרמאַציע, וואָס איז גערופֿן פּראַפּס, און צוריקקומען רעאַקט עלעמענטן וואָס אָנווייַזן די אַנטוויקלונג מאָדעל וואָס דער דעוועלאָפּער וויל צו זען אויף די מאָניטאָר.

ווערייאַטיז פון קאַמפּאָונאַנץ: פאַנגקשאַנאַל און קלאַס

עס איז יזיאַסט צו אָפּשיקן צו אַ ביבליאָטעק קאָמפּאָנענט ווי אַ פֿונקציע.
קאַמפּאָונאַנץ קענען אויך זיין רעפּריזענטיד אין ES6 קלאַס פֿאָרמאַט.

טשיקאַווע! די רעאַקט ביבליאָטעק דיפיינז די צוויי טייפּס פון קאַמפּאָונאַנץ ווי ענלעך.

פּראַפּס

פּראַפּס זענען ימיוטאַבאַל אַבדזשעקץ וואָס זענען בלויז לייענען. דעריבער, אַ קאָמפּאָנענט זאָל נישט שרייַבן עפּעס צו זייַן פּראַפּס, קיין ענין וואָס מין עס געהערט צו.

שטאַט און לעבן ציקל

ערשטער, לאָזן ס רעכענען אויס ווי צו רעכט צולייגן די שטאַט אין אַרבעט. עס זענען דריי וויכטיק טינגז צו וויסן וועגן קאָמפּאָנענט שטאַט:

1. דו זאלסט נישט טוישן די שטאַט גלייַך, נוצן די setState אופֿן. געדענקט אַז דער בלויז געגנט ווו איר קענען טוישן די שטאַט גלייַך איז די קאָנסטרוקטאָר.
2. שטאַט דערהייַנטיקונגען קען נישט זיין סינטשראָנאָוס.
3. דער שטראָם פון אינפֿאָרמאַציע האט איין ריכטונג. אין קאָמפּאָנענט קאַנסטראַקשאַן, קיינער פון זיי ווייסט אויב די שטאַט איז אַסיינד צו אן אנדער קאָמפּאָנענט. עס טוט נישט ענין ווי דאָס אָדער אַז פרייַ פאַנגקשאַנאַל עלעמענט איז געשאפן – ניצן אַ פאַנגקשאַנאַל אָדער קלאַסאַפאַקיישאַן געצייַג. דאָס איז גערופן “דאַונסטרים” דאַטן לויפן. א שטאַט איז שטענדיק דיפיינד פֿאַר עטלעכע עלעמענט, און סטראַקטשעראַל אַסאָוסייישאַנז פון דעם שטאַט קענען בלויז ווירקן פּאַרץ וואָס זענען ליגן “אונטן” אין די כייעראַרקאַקאַל סדר.

טיפּיקאַללי, די שטאַט איז ריפערד צו ווי “היגע”, “ינערלעך”, אָדער פאַרבאָרגן. עס איז קענטיק בלויז פֿאַר די פאַנגקשאַנאַל עלעמענט זיך און ומזעיק פֿאַר אנדערע פּאַרץ פון רעאַקט. אין ביבליאָטעק מגילה, צי אַ פרייַ פאַנגקשאַנאַל עלעמענט איז ענדאַוד מיט אַ זיכער שטאַט אָדער נישט איז אַן ינערלעך אַנטוויקלונג פון דעם טייל, וואָס קענען טוישן איבער צייַט. עס איז אויך טשיקאַווע אַז אין דער אַרבעט איר קענען פאַרבינדן קאַמפּאָונאַנץ מיט און אָן שטאַט.

געשעעניש אַנאַליסיס

דער פּראָצעס פון פּאַרסינג געשעענישן אין רעאַקט קאַמפּאָונאַנץ איז ענלעך צו האַנדלינג געשעענישן אין דאָקומענט אַבדזשעקץ מאָדעל עלעמענטן. אָבער, עס זענען עטלעכע פֿעיִקייטן וואָס ויסטיילן זיי פון יעדער אנדערער:

1. געשעענישן אין די דזשאַוואַסקריפּט ביבליאָטעק זענען געהייסן אין אַ אַנדערש נוסח ווי די נאָרמאַל.
2. ניצן די סיסטעם עקסטענדעד פּראָגראַממינג שפּראַך, די דעוועלאָפּער פּאַסיז אַ סוברוטינע ווי אַ געשעעניש האַנדלער אַנשטאָט פון אַ שטריקל.

קאַנדישאַנאַל רענדערינג פון עלעמענטן

די דזשאַוואַסקריפּט ביבליאָטעק מאכט עס מעגלעך צו ברעכן די לאָגיק פון דעוועלאָפּינג עלעמענטן אין פרייַ קאַמפּאָונאַנץ. זיי קענען זיין געוויזן פֿאַר אַלגעמיין אַרויסווייַזן אָדער פאַרבאָרגן, דיפּענדינג אויף וואָס שטאַט זיי זענען ענדאַוד מיט אין דעם מאָמענט. קאַנדישאַנאַל רענדערינג פון עלעמענטן אַרבעט אויף דער זעלביקער פּרינציפּ ווי קאַנדישאַנאַל אויסדרוקן באזירט אויף די דזשאַוואַסקריפּט פּראָגראַממינג שפּראַך. מאל עס כאַפּאַנז אַז די ביבליאָטעק ריקווייערז אַ דערקלערונג פון ווי די שטאַט אַפעקץ די כיידינג אָדער רענדערינג פון עטלעכע עלעמענטן. דאָ עס איז מער לאַדזשיקאַל צו נוצן אַ קאַנדישאַנאַל דזשס העלפּער אָדער אויסדרוקן ענלעך צו אויב.

טשאַנגינג קאַמפּאָונאַנץ

רעאַקט ביבליאָטעק עלעמענטן קענען זיין מוסיף צו וועריאַבאַלז. דאָס איז אַ פּראַקטיש לייזונג ווען עטלעכע צושטאַנד ינדיקייץ צי עטלעכע טייל פון די קאָמפּאָנענט זאָל זיין ציען, אָדער עס טוט נישט מאַכן זינען, בשעת די רעשט פון די טייל בלייבט אַנטשיינדזשד.

רשימות און שליסלען

דער אָפּטיילונג כולל עטלעכע קאַמפּאָונאַנץ:

1. צייכענונג קייפל עלעמענטן . דער באַניצער קענען פאָרעם אַ סכום פון עלעמענטן און ימבעד עס אין די סיסטעם פּראָגראַממינג שפּראַך ניצן געגרייַזלט ברייסאַז.
2. עלעמענטאַר רשימה פון עלעמענטן . אָפט, יוזערז און דעוועלאָפּערס סטרויערן רשימות גלייַך אין אַ קאָמפּאָנענט טייל.

שליסלען

א שליסל אין די רעאַקט דזשאַוואַסקריפּט ביבליאָטעק דינאָוץ אַ ספּעשאַלייזד געצייַג וואָס מוזן זיין אריין ווען דזשענערייטינג אַ רשימה פון קאַמפּאָונאַנץ. שליסלען העלפֿן די דזשאַוואַסקריפּט ביבליאָטעק צו ידענטיפיצירן וואָס זאכן זענען אַדזשאַסטיד, צוגעגעבן אָדער אַוועקגענומען. עס איז וויכטיק צו צייכן זיי אַזוי אַז רעאַקט קענען קאָראַלייט די קאַמפּאָונאַנץ פון די סטראַקטשעראַל דאַטן נאָך אַ זיכער צייט.

Forms

אין די JS ביבליאָטעק, סטאַנדערדייזד מאַרקאַפּ שפּראַך עלעמענטן אַרבעט אַ ביסל אַנדערש ווי קאַמפּאָונאַנץ פון די דאָקומענט כייפעץ מאָדעל, ווייַל פאָרעם עלעמענטן טכילעס האָבן אַ פאַרבאָרגן שטאַט.

געראטן יטעמס

אין אַ סטאַנדערדייזד מאַרקאַפּ שפּראַך, פארמען ווי אַרייַנשרייַב, אויסקלייַבן, טעקסט שטח טענד צו האַלטן זייער אייגענע שטאַט און דערהייַנטיקן עס ווען די דעוועלאָפּער קומט אין נייַע אינפֿאָרמאַציע. React.js שטאַט שטענדיק דיפיינז די ווערט פון אַרייַנשרייַב פעלדער אין אַ געראטן קאַמפּאָוזינג עלעמענט. כאָטש דאָס ינדיקייץ אַז דער באַניצער מוזן שרייַבן אַ ביסל מער ווי דער אָריגינעל קאָד, עס איז איצט מעגלעך צו פאָרן דעם ווערט צו אנדערע פּאַרץ פון די באַניצער צובינד.

די העכערונג פון די שטאַט

שטאַט ליפטינג איז אַ סטאַנדערדייזד מוסטער וואָס יעדער דעוועלאָפּער זאָל זיין אַווער פון און קענען צולייגן אין דעם פּראָצעס פון אַרבעט. ניצן עס וועט עלימינירן קאָמפּלעקס און יוזשאַוואַלי אַרויסגעוואָרפן שטאַט פאַרוואַלטונג פּאַטערנז.

פארוואס איז עס אַזוי נייטיק צו קאָנטראָלירן די העכערונג פון די שטאַט?

רייזינג די שטאַט צו די מדרגה פון די פאַרגאַנגענהייט קאַמפּאָונאַנץ פֿאַר די פּאַרץ וואָס דאַרפן עס איז נייטיק אַזוי אַז אַלע עלעמענטן קענען אָנטייל נעמען אין די שטאַט. א סטאַביל שטאַט מדרגה וועט מאַכן עס גרינגער צו פאַרשפּרייטן עס צווישן אַלע די קאַמפּאָונאַנץ וואָס פאַרלאָזנ זיך עס.

זאַץ ווס ירושה

React.js כולל אַ שטאַרק זאַץ מאָדעל, אַזוי עס איז רעקאַמענדיד צו נוצן דעם פּראָצעס פון בויען אַ גאַנץ פון פּאַרץ אַנשטאָט פון ירושה צו רייוז קאָד געשריבן פריער צווישן עלעמענטן. אַזוי, פּראַפּס און די פיייקייט צו שאַפֿן אַ איין גאַנץ זאַץ פון קאָמפּאָנענט טיילן, צושטעלן די דעוועלאָפּער די בייגיקייט צו שאַפֿן די שאָל און נאַטור פון די עלעמענט אין אַ ספּעציפיש און זיכער וועג.

דערמאָנונג! קאָמפּאָנענט פּאַרץ קענען נעמען אַנרילייטיד פּראַפּס, אַרייַנגערעכנט עלעמענטאַר פּאַרץ וואָס מאַכן לייברעריז אָדער פאַנגקשאַנז.

אויב איר דאַרפֿן צו נוצן אַ קוק-פריי פונקציע פֿאַר ארבעטן מיט קאַמפּאָונאַנץ אַ צווייט אָדער דריט מאָל, ציען עס אין אַ באַזונדער JS מאָדולע. מאַך עס אין אַ קאָמפּאָנענט און נוצן די דזשענערייטאַד פונקציע אָן ווייַטער יקספּאַנשאַן. רעאַגירן אָדער וויו אָדער ווינקלדיק, וואָס צו קלייַבן: https://youtu.be/Nm8GpLCAgwk

React.js פּרינסאַפּאַלז

די גאנצע פילאָסאָפיע פון ​​די דזשאַוואַסקריפּט ביבליאָטעק איז פאַרבאָרגן אין די רעאַקט פירער. עס מיינט אַז דאָס איז לאַנג און נישט פון אַזאַ גרויס וויכטיקייט, אָבער, פילע ניצערס פאָדערן אַז נאָך לייענען אַלץ געפאלן אין פּלאַץ. די דאַקיומענטיישאַן איז גאַנץ אַלט, אָבער נאָך פון גרויס ווערט און שייכות –
https://ru.reactjs.org/docs/thinking-in-react.html . רעאַגירן דזשס טוטאָריאַל https://ru.reactjs.org/tutorial/tutorial.html

פאַנגקשאַנאַליטי פון די React.js ביבליאָטעק

ניצן די דזשאַוואַסקריפּט ביבליאָטעק, דער באַניצער געץ די געלעגנהייט צו באַצאָלן אַלע זיין ופמערקזאַמקייט גלייך צו די UI אַנטוויקלונג פּראָצעס און די קאַמפּאָונאַנץ פון די אַפּלאַקיישאַן, מינדסטער פון אַלע דיסטראַקטאַד דורך די פאָרמירונג און מעגלעך כיסאָרן פון די געשריבן קאָד. די ביבליאָטעק אַלאַוז איר צו אַנטוויקלען מגילה פאַסטער, מאכט עס גרינגער צו קאַנפיגיער און רעדאַגירן די קאַמפּאָונאַנץ און דער פּראָצעס פון די גאנצע פּרויעקט ווי אַ גאַנץ. אזוי, React.js כּולל עלעמענטן פאַראַנטוואָרטלעך פֿאַר קאָמוניקאַציע אין די גלאבאלע נעץ, וי, פּראָגראַם שטאַט קאָנטראָל און די פיייקייט צו סאָלווע אנדערע קאָמפּלעקס ישוז. די ביבליאָטעק אויך האט די פאלגענדע פאַנגקשאַנאַל פֿעיִקייטן:

1. פּראַקטיקאַלאַטי . React.js איז בנימצא אין מיניפיעד פֿאָרמאַט. דעם סאָליד פּעקל דאַרף ניט זיין קלאר קאַנפיגיערד. עס שוין כולל אַ קאָד ספּליטינג שטריך וואָס ראַדוסאַז די צייט עס נעמט צו עפֿענען די בלעטערער ווערסיע פון ​​​​דעם פּלאַץ, ווייַל די אָפּציע פּריווענץ קאַמפּאָונאַנץ פון רענדערינג אין דער זעלביקער צייט.
2. פּאַמפּט יקאָוסיסטאַם און העסקעם . א גרויס נומער פון מכשירים זענען בנימצא אין דער ביבליאָטעק, געשטיצט דורך אנדערע זייטלעך, וואָס אַלאַוז דער באַניצער צו אַנטוויקלען נייַ קאָמפּלעקס מגילה פֿאַר קיין ציל.
3. גאַנץ פאַנגקשאַנאַליטי . דער הויפּט מייַלע פון ​​די דזשאַוואַסקריפּט ביבליאָטעק איז אַז אַלע נייַע ווערסיעס פון דער פּלאַטפאָרמע טרעפן די רעקווירעמענץ פון די אַלט אָנעס, אַזוי איר קענען נוצן ביידע די אַלט און דערהייַנטיקט ווערסיע, אַלע פון ​​זיי זענען געשטיצט און זענען באַטייַטיק צו דעם טאָג. פריער רעלעאַסעד ווערסיעס טאָן ניט ווערן פאַרעלטערט נאָך די לעצטע דערהייַנטיקונגען.

פּראַקטיש נוצן

אויף די הויפּט בלאַט פון דער ביבליאָטעק, אין די ינסטראַקשאַנז פֿאַר יוזערז, עס זענען עטלעכע יללוסטראַטיוו ביישפילן פון ניצן רעאַקט אין פיר. איר קענען מאַניואַלי פאַרריכטן זיי און פּרובירן צו לויפן זיי. אפילו אויב איר זענט אַ נייַע באַניצער און טאָן ניט פֿאַרשטיין די עסאַנס און לאָגיק פון דער ביבליאָטעק, סטרויערן די קאָד צו דיין לייקינג און זען די רעזולטאַט.

פּראַקטיש אַפּלאַקיישאַן פון רעאַקט ווען שרייבן טריידינג ראָובאַץ אין דזשאַוואַסקריפּט

עס איז וויכטיק צו פאַרשטיין אַז אַ דעוועלאָפּער טוט נישט פּראָגראַם JS, אָבער שרייבט סקריפּס (סקריפּס). דעריבער, ניצן די ביבליאָטעק, אַ דעוועלאָפּער קענען שרייַבן קאָד פֿאַר אַ סאַבסאַקוואַנט טריידינג ראָבאָט געניצט פֿאַר טריידינג צוועקן, און אויך פאָרזעצן צו פּלאַן זיין אויסזען באזירט אויף דעם פּלאַטפאָרמע. אין פאַקט, אַ טריידינג ראָבאָט פֿאַר טריידינג איז אויך אַ אַפּלאַקיישאַן, פון וואָס אַ גרויס נומער איז דעוועלאָפּעד מיט React.js. אָבער, עטלעכע פאַנגקשאַנז און די ינערלעך טייל פון די באָט וועט נאָך האָבן צו זיין געטאן אויף אנדערע זייטלעך וואָס צושטעלן מכשירים פּאַסיק פֿאַר דעם.

GitHub און React.js

GitHub איז אַ פּלאַטפאָרמע וואָס האָסץ אַלע ווערסיעס פון פּראַדזשעקס. דער באַניצער קאַנעקץ האָסטינג, גייט דורך די רעגיסטראַציע פּראָצעדור אויף דער באַאַמטער GitHub וועבזייטל און קריייץ אַן אָנליין ריפּאַזאַטאָרי ווו ער טראַנספערס אַלע טעקעס פֿון Git.
Git איז די מערסט פאָלקס און באַטייַטיק פּרויעקט ווערסיע קאָנטראָל דינסט הייַנט, און GitHub איז אַ ווייַט קאָד ריפּאַזאַטאָרי.

רעפֿערענץ! בלויז די יוזערז וואָס האָבן באקומען די צונעמען לינק מיט דערלויבעניש האָבן צוטריט צו עדיטינג און דאַונלאָודינג טעקעס.

דאָקומענטאַטיאָן

כל טוטאָריאַלז און דערהייַנטיקט מאַטעריאַלס וועגן די דזשאַוואַסקריפּט ביבליאָטעק זענען דערהייַנטיקט מיט די לעצטע דערהייַנטיקן. דעוועלאָפּערס אויך צונויפנעמען און פּאָסטן פֿאַר אַלגעמיין לייענען אַלט ווערסיעס פון די דאַקיומענטיישאַן, אַרייַנגעשיקט אויף אַ באַזונדער בלאַט פון דער ביבליאָטעק. דעריבער, עס וועט זיין גרינגער פֿאַר ביגינערז צו בעל די סקילז פון פּלאַץ פאַרוואַלטונג: ביידע אַלט און נייַ מאַטעריאַל – אַלץ איז דאָ, אַקסעס איז פריי פֿאַר אַלעמען.

נאטיץ! דו זאלסט נישט פאַרגעסן צו לייענען די מאַנואַל. אין מינדסטער נעמען אַ קוק – שוין רובֿ פון וואָס געווען אומפאַרשטענדלעך וועט פאַלן אין פּלאַץ.

די רעאַקט ביבליאָטעק איז אַ פאָלקס און באַטייַטיק פּלאַטפאָרמע הייַנט. זיין ווערסאַטילאַטי אַלאַוז דעוועלאָפּערס צו מאַכן פּראַדזשעקס פון בעסער קוואַליטעט און אין ווייניקער צייט. אין אַדישאַן, וויסן די פּלאַטפאָרמע און האָבן די סקילז צו נוצן עס מאכט אַ מומכע מער אין פאָדערונג אין די אַרבעט מאַרק.