מתחילים

דף זה הוא סקירה כללית של התיעוד של React ומשאבים קשורים.

React היא ספריית JavaScript לבניית ממשקי משתמש. למדו הכל אודות React בדף הבית שלנו או במדריך.


לנסות את React

React תוכננה מלכתחילה לאימוץ הדרגתי, ואתם יכולים להשתמש ב-React מעט או יותר לפי צרכיכם. בין אם אתם רוצים לקבל טעימה של React, להוסיף קצת אינטראקטיביות לדף HTML פשוט, או להתחיל יישום מורכב מופעל React, הקישורים בסעיף זה יעזור לכם להתחיל.

מגרש משחקים אונליין

אם אתם מעוניינים לשחק עם React, תוכלו להשתמש במגרש משחקים של קוד אונליין. נסו את תבנית שלום עולם ב-CodePen, CodeSandbox, או Stackblitz.

אם אתם מעדיפים להשתמש בעורך הטקסט שלכם, תוכלו גם להוריד קובץ HTML זה, לערוך אותו, ולפתוח אותו ממערכת הקבצים המקומית בדפדפן שלכם. זה מאט את הטרנספורמציה של הקוד בזמן הריצה, אז היינו ממליצים להשתמש בזה רק עבור הדגמות פשוטות.

הוספת React לאתר

תוכלו להוסיף את React לדף HTML תוך דקה אחת. לאחר מכן תוכלו להרחיב בהדרגה את נוכחותה, או לשמור אותה תחומה לכמה ווידג’טים דינמיים בודדים.

יצירת אפליקציית React חדשה

בעת התחלת פרוייקט React, דף HTML פשוט עם תגי Script עדיין עשוי להיות האפשרות הטובה ביותר. לוקח רק דקה להגדיר את זה!

ככל שהאפליקצייה שלכם גדלה, ייתכן שתרצו לשקול התקנה יותר מורכבת. ישנם מספר כלי עבודה של JavaScript שאנו ממליצים עבור יישומים גדולים יותר. כל אחד מהם יכול לעבוד עם הגדרה קטנה או ללא הגדרות בכלל ומאפשר לכם לנצל את מלוא היתרונות של האקוסיסטם העשיר של React. למד איך

ללמוד React

אנשים מגיעים ל-React מרקעים שונים ועם סגנונות למידה שונים. בין אם אתם מעדיפים גישה תיאורטית יותר או גישה מעשית יותר, אנו מקווים שתמצאו את החלק הזה מועיל.

כמו כל טכנולוגיה לא מוכרת, ל-React יש עקומת למידה. עם תרגול ומעט סבלנות, אתם תתפסו את העניין.

דוגמאות ראשונות

דף הבית של React מכיל מספר דוגמאות קטנות של React עם עורך חי. גם אם אינכם יודעים עדיין דבר על React, נסו לשנות את הקוד שלהן ולראות כיצד זה משפיע על התוצאה.

React למתחילים

אם אתם מרגישים שהתיעוד של React הולך בקצב מהיר יותר ממה שאתם חשים בו בנוח, בדקו את הסקירה הכללית הזו של React שכתבה Tania Rascia. היא מציגה את הקונספטים החשובים ביותר של React בצורה מפורטת, וידידותית למתחילים. לאחר שתסיימו, תנו לתיעוד עוד ניסיון!

React למעצבים

אם אתם מגיעים מרקע עיצובי, משאבים אלה הם מקום מצוין להתחיל בו.

משאבי JavaScript

תיעוד React מניח היכרות כלשהי עם תכנות בשפת JavaScript. אתם לא צריכים להיות מומחים, אבל קשה יותר ללמוד גם React וגם JavaScript באותו זמן.

אנו ממליצים לעבור על סקירה כללית זו של JavaScript כדי לבדוק את רמת הידע שלך. זה ייקח לכם בין 30 דקות לשעה אבל תרגישו יותר בטחון בעת למידת React.

טיפ

בכל פעם שאתם מרגישים מבולבלים בגלל משהו שקשור ב- JavaScript, MDN ו-javascript.info הם אתרי אינטרנט מצויינים לקבלת מידע. יש גם את פורום תמיכת הקהילה שבו אתם יכולים לבקש עזרה.

מדריך מעשי

אם אתם מעדיפים ללמוד על ידי עשייה, בדקו את המדריך המעשי שלנו. במדריך זה, אנו בונים משחק איקס-עיגול ב-React. אתם עלולים להתפתות לדלג על זה כי אתם לא בונים משחקים — אבל תנו לו סיכוי. הטכניקות שתלמדו במדריך הם היסוד לבניית כל אפליקציית React, ושליטה בהן תיתן לכם הבנה הרבה יותר עמוקה.

מדריך צעד-אחר-צעד

אם אתם מעדיפים ללמוד קונספטים צעד אחר צעד, מדריך המושגים העיקריים שלנו הוא המקום הטוב ביותר להתחיל. כל פרק בו מסתמך על הידע שהוצג בפרקים הקודמים, כך שלא תחמיצו שום דבר כל עוד אתם מתקדמים לפי הסדר.

לחשוב ב-React

הרבה משתמשי React נותנים קרדיט ללחשוב ב-React כרגע שבו React סוף סוף “עשה קליק” עבורם. זה כנראה מדריך ה-React הישן ביותר אבל הוא עדיין רלוונטי בדיוק באותה מידה.

לפעמים אנשים מוצאים ספרי צד-שלישי וקורסי וידאו מועילים יותר מהתיעוד הרשמי. אנו מתחזקים רשימה של משאבים מומלצים בדרך כלל, חלקם חינמיים.

קונספטים מתקדמים

ברגע שאתם מרגישים בנוח עם הקונספטים העיקריים ושיחקתם קצת עם React, אתם עשויים להתעניין בנושאים מתקדמים יותר. חלק זה יציג בפניכם את התכונות החזקות, אך פחות נפוצות לשימוש, של React כגון context ו- refs.

API Reference

חלק זה בתיעוד שימושי כאשר ברצונכם לקבל פרטים נוספים על ממשק API ספציפי של React. לדוגמה, React.Component API reference יכול לספק לכם פרטים על אופן הפעולה של setState(), ולאילו שימושים מתודות מחזור חיים שונות שימושיות.

מילון מונחים ושאלות נפוצות

מילון המונחים מכיל סקירה של המונחים הנפוצים ביותר שתראו בתיעוד של React. יש גם חלק שאלות נפוצות המוקדש לשאלות ותשובות קצרות על נושאים נפוצים, כולל ביצוע בקשות AJAX, state של קומפוננטה ומבנה קובץ.

להישאר מעודכנים

הבלוג של React הוא המקור הרשמי לעדכונים מצוות React. כל דבר חשוב, כולל הערות שחרור גירסאות או הודעות על הפסקת תמיכה בפיצ’רים, יפורסמו שם כמקור ראשון.

תוכלו גם לעקוב אחר חשבון @reactjs ב- Twitter, אך לא תחמיצו שום דבר חיוני אם תקראו את הבלוג בלבד.

לא כל גירסת React ראויה לבלוג פוסט משל עצמה, אך תוכלו למצוא קובץ שינויים מפורט עבור כל גירסה בקובץ CHANGELOG.md` בריפוזיטורי של React, וכן בדף השיחרורים.

גרסאות תיעוד

תיעוד זה משקף תמיד את הגרסה היציבה האחרונה של React. מאז React 16, ניתן למצוא גרסאות ישנות יותר של התיעוד בדף נפרד. שימו לב כי תיעוד עבור גרסאות קודמות הוא הקפאה ושמירה בזמן השחרור, והוא לא מתעדכן באופן רציף.

משהו חסר?

אם חסר משהו בתיעוד או אם מצאתם חלק כלשהו מבלבל, אנא הגישו בעיה לריפוזיטורי של התיעוד עם ההצעות שלכם לשיפור, או צייצו לחשבון @reactjs ב-Twitter. אנחנו אוהבים לשמוע מכם!

האם התוכן בעמוד זה היה שימושי?לעריכת העמוד הנוכחי