Connect with us

קטגוריות

Javascript

המדריך העברי המלא ל-React: מבוא ל-React

היום אנחנו הולכים להתחיל מסע ארוך ביחד, נקרא לו ״המסע הריאקטי״. אני הולך לכתוב את המדריך העברי המלא ל-React, או במילים אחרות את המדריך שלמני לא היה כשהוא התחיל ללמוד את React (בשנת 2014).

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

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

אז יאללה בואו נפתח את השמפניות ונתחיל.

מבוא ל-React

 Single page applications או בקיצור SPA (בעברית: יישומי דף יחיד) הפכו בשנים האחרונות ליותר ויותר פופולריות, frameworks כמו Angular, Ember ו-Backbone (יצאו בין השנים 2010 ל-2011) מאפשרות למתכנתים לבנות אפליקציות web מודרניות.

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

React שוחררה בשנת 2013 על ידי Facebook כספרייה של ממשקי תצוגה (UI), והציגה גישה חדשה לאיך לבנות ממשקי משתמש מסובכים, הרבה אנשים אוהבים להגיד שריאקט היא ה-V ב-MVC וזה נכון, בתור סיפריית תצוגה, ריאקט מאפשרת לנו לרנדר קומפוננטות כאלמנטים שיוצגו בדפדפן, והאקו סיסטם של React מאפשר לנו לבנות SPA.

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

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

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

 דרישות בסיסיות

על מנת שתוכל להבין את הנאמר יש דרישות בסיסיות שהן חובה:

אתה צריך לדעת HTML, CSS, ו-Javascript ואיך שלושת השפות האלה משתלבות ביחד.

בנוסף תצטרך להתקין את Node ן-npm על מנת שתוכל להתקין את החבילות שיופיעו לאורך הדרך.

ודבר אחרון אבל הכי חשוב, חיוך וגישה חיובית!.

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

עוד ב Javascript

Meni Edri היי אני מני, מתכנת מנוסה ומאוד אוהב קוד ואת עולם התכנות, הקמתי את CodeHub על מנת שתיהיה לי פינה שבה אוכל לכתוב, ללמד וללמוד, מקווה שתימצאו את הבלוג הזה שימושי.
קריאה מהנה.

מאמרים פופולריים

נושאים פופולריים

חזרה למעלה