הבלוג של ינון פרק

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

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

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

ריאקט הינה ספריית פקדים המציעה תחביר פשוט, ביצועים מעולים ואפשרות לרנדר את הפקד בצד השרת ובצד הלקוח. שילוב פקדי ריאקט ביישום ריילס מאפשר לנו לכתוב עמודים אינטרקטיביים עם הרבה פחות קוד JS. בפוסט זה נראה כיצד להמיר ERB View קיים לפקד ריאקט.