קורס React & Redux By Example שיעור שלוב React עם jQuery Plugin

דיונים מקורסים
#1
זה נושא דיון מלווה לערך המקורי ב- https://www.tocode.co.il/bundles/react/lessons/jqueryplugin
#2

למה ״ללכלך״ את קובץ ה-html עם הפניה ל-css, ולא לבצע import לקובץ זה מתוך ה-wrapper של ה-plugin?

#3

הי ליאור,

כל הנושא של import לקבצי CSS דורש הגדרה נפרדת ב Webpack וזה לא משהו שכולם אוהבים להשתמש בו. אם אתה כן משתמש ב css-loader כמובן שזה רעיון טוב לשלב בין הדברים.

ועוד מצד שני - יכול להיות שאתה טוען את הפלאגין וה CSS שלו מ CDN ואז להדביק כמה שורות ב HTML יכול להיות יותר קל מאשר לשמור עותק אצלך ולקמפל בוובפאק

#4

אני לא מצליח לבצע הטמעה של expose כנראה.
זה מה שאני מקבל בקונסול כשאני מנסה להעלות את הרכיב:

וזה החלק שהוספתי ל-webpack.config.json

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

#5

הי ליאור,

יכול להדביק את כל קובץ ה webpack שלך כאן? או לפחות גירסא מספיק קטנה שעדיין לא עובדת?

#6

תודה, הנה כל הקוד: https://jsfiddle.net/ysx0mrk8/

#7

על פניו נראה בסדר.

כאן יש לי את הריפוזיטורי שאני השתמשתי בו בוידאו ועובד:

תוכל לנסות לקחת אותו, להתקין את התלויות עם npm install ולראות אם עובד אצלך? ואם לא לשתף את הודעת השגיאה

#8

תודה, זה עזר למצוא את הבעיה, שהייתה בכלל בהגדרה של ה-ref.

#9

מעולה שים לב שיש לך שם את כל הקוד של כל הקורס אז יכול לעשות את אותו קסם גם בשיעורים האחרים