react vs angular



  • אני מתחיל לגעת כעת בבנייה מחדש של ה-UI באחד הפרוייקטים שלי (משהו לכיף האישי בשלב זה)
    ומתלבט על מה ללכת.
    ריאקט או אנגולר.
    את שניהם אני לא מכיר לעומק.
    ורוצה שזו תהיה הזדמנות להכיר את אחד מ2 הפריימוורקים האלו.

    צד השרת יהיה c#, בגלל שצד השרת כבר כתוב לי.

    ההתלבטות שלי מה יותר מתאים.
    פחות מעניין אותי האופנה.

    מדובר על CURD + הרשאות + דוחות מעניינים.
    צד הלקוח כיום ממומש בrazor (ובינתיים הוא עושה את העבודה היטב)

    אשמח למידע ממי שהתנסה, עדיף אם יש לו נסיון (אפילו בסיסי) ב2 הפריימוורקים.
    (אל תשלחו אותי לחפש בגוגל כי כבר עברתי את זה. אני מעוניין לשמוע מניסיון שלכם)
    תודה רבה!!


  • תכנות



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



  • @dovid אמר בreact vs angular:

    לחודש שתיקח שבתון ותשב על הדשא באיזה צימר

    🙂
    באמת אחד הלקוחות שלי הציע לי נסיעה לחו"ל להירגע קצת מכל הלחץ....
    אבל הוא לא הסכים שזה יהיה בימים שבהם הוא צריך אותי 😮

    טוב אני אתחיל לאט לאט על אנגולר ונראה לאן אני אגיע ....


  • תכנות

    @clickone לדעתי, אנגולר 1.
    בגלל שנראה לי אני יודע על מה אתה מדבר, אוכל לעזור לך מה הדרך הנכונה.
    אתה יודע את הכתובת...


  • תכנות

    @clickone
    לדעתי אנגולר 2 (כלומר 7).
    אין לי ניסיון עם ריאקט מלבד לעבור על הדוקומנטציה שלהם..
    עם אנגולר יש לי ניסיון הרבה יותר ואוכל לעזור..
    כמו כן, אנגולר הוא פריימוורק מקיף שנותן לך את כל המעטפת שאתה צריך לאפליקציה, סרביסים, טפסים וכו'.
    כמו כן, יש לך ספריות גדולות שנותנות לך הרבה קומפוננטות מוכנות, כמו אנגולר מטריאל של גוגל, וprimeNg.

    כמו כן לדעתי ts עוזרת לשמור על קוד בהיר ומסןדר, כשהפרוייקט הופך לגונגל..



  • @avr416
    אבל מה?



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


  • תכנות

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


  • תכנות

    @clickone
    פשוט
    תשתמש במה שישאיר פה את @avr416 כמה שיותר זמן 🙂

    @avr416 כיף לראות אותך כאן פעיל!


  • תכנות

    @avr416 אמר בreact vs angular:

    אבל באנגולר 7 יש כבר תמיכה מובנית הגלילה וירטואלית אם כי זה טיפהלה מורכב לפעמים..

    אשמח מאוד להרחבה.


  • תכנות

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

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

    בגירסה 7 של אנגולר, נוספה לזה תמיכה מובנית בספריה.
    עיין כאן
    וכאן דוגמה למימוש של זה בstackblitz



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

    למה לא אנגולר, כי אנגולר היא לא סקלבילית לא מודולרית. זה או שעובדים איתה מהתחלה עד הסוף או שלא עובדים איתה בכלל.

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

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

    כי באנגולר זמן פיתוח הוא פי שתיים לעומת ריאקט וויו.

    למה ריאקט? כי ריאקט מתעסקת רק ב binding data to view וביצירת ממשקים מודולריים וגנרים וכל השאר זה ג'ווה סקריפט. כי ריאקט יותר מהירה. כי ריאקט אפשר לכתוב ב es6/es5/TS

    אותו כנל Vue רק שהיא יותר מזכירה את אנגולר בכתיבה שלה וגם היא צוברת תאוצה.

    בינתיים החסות של גוגל לא מנעה מוות של אנגולר 1 . כמה אפליקציות של גוגל כתובות באנגולר2 ? 0000!

    בינתיים הם ממשיכים לשבור את האיפיאיי שלהם גם בעדכונים האחרונים.

    יש עוד כמה סיבות לא נלאה.

    מקור:
    https://www.prog.co.il/threads/מה-הרעיון-של-אנגולר.156766/page-2
    אני רואה יותר ויותר מקומות שכתוב שם דברים דומים.
    ומנסה להבין, האכן כצעקתה?


  • תכנות

    @avr416 אמר בreact vs angular:

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

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


  • תכנות

    @clickone אמר בreact vs angular:

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

    למה לא אנגולר, כי אנגולר היא לא סקלבילית לא מודולרית. זה או שעובדים איתה מהתחלה עד הסוף או שלא עובדים איתה בכלל.

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

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

    כי באנגולר זמן פיתוח הוא פי שתיים לעומת ריאקט וויו.

    למה ריאקט? כי ריאקט מתעסקת רק ב binding data to view וביצירת ממשקים מודולריים וגנרים וכל השאר זה ג'ווה סקריפט. כי ריאקט יותר מהירה. כי ריאקט אפשר לכתוב ב es6/es5/TS

    אותו כנל Vue רק שהיא יותר מזכירה את אנגולר בכתיבה שלה וגם היא צוברת תאוצה.

    בינתיים החסות של גוגל לא מנעה מוות של אנגולר 1 . כמה אפליקציות של גוגל כתובות באנגולר2 ? 0000!

    בינתיים הם ממשיכים לשבור את האיפיאיי שלהם גם בעדכונים האחרונים.

    יש עוד כמה סיבות לא נלאה.

    מקור:
    https://www.prog.co.il/threads/מה-הרעיון-של-אנגולר.156766/page-2
    אני רואה יותר ויותר מקומות שכתוב שם דברים דומים.
    ומנסה להבין, האכן כצעקתה?

    מסקרן מאוד באיזה שפה נוספת משתמש הכותב, נשמע שמאזור ג'ונגל js.
    הראה לי פיסקה אחת מכאן שלא נכונה ל-C#
    גם לה יש API משלה, ו'מייבשת' לך את המוח שלא תצטרך ליצור פתרונות 'יצירתיים' ב-C++.



  • @אהרן
    הפיסקה הזו לא נכונה בC#

    ביום שאנגולר תמות או תיוולד מחדש... כל מה שלמדת יזרק לפח.

    C# כאן כדי להישאר 😮 (עכשיו @dovid בטח מחייך....)


  • תכנות

    @clickone אמר בreact vs angular:

    @אהרן
    הפיסקה הזו לא נכונה בC#

    ביום שאנגולר תמות או תיוולד מחדש... כל מה שלמדת יזרק לפח.

    C# כאן כדי להישאר 😮 (עכשיו @dovid בטח מחייך....)

    בשביל להחניף ל @dovid תענה תשובה שלא מן הענין
    כתוב 'ביום שהיא תעלם', לא שהיא תעלם 😝 .

    להיפך זה תהליך התבגרות (אותה אני מתחיל בעקבות הפנמת דברי @dovid ) לחפש פתרונות מקיפים ומסודרים.
    כמפתח C#, הדבר האחרון שאתה רוצה זה התענוג לגמישות אינסופית 'שאפשר להחליף כל רכיב בספריה מתחרה'
    תחטוף חום מלהחליט בכל שורה באיזה פתרון לבחור.


  • תכנות

    מסכים עם @avr416 בקשר ליתרונות של אנגולר 2 וטייפסקריפט, אבל העוצמה של אנגולר 2 היא גם חסרון, אם אני צריך דף פשוט עם כמה בינדינגים וכמה ngFor זה ממש בל תשחית לרתום את המרכבה של אנגולר 2 בשביל זה, חוץ מהמורכבות של הסביבת פיתוח, כל טעינת דף באנגולר 2 דורשת טעינת סקריפט כבד ואיתחול של מאות מחלקות, וזה יכול לקחת כמה שניות שאין להם הצדקה, לעומת זה באנגולר 1 זה פשוט לשים תגית סקריפט וכמה שורות קוד בודדות, אפשר אפילו בפידל לעשות אנגולר 1, בשביל דוגמת קוד נורמלית באנגולר 2 צריך לטעון plnkr או stackblitz כבדים. אז כדי להצדיק שימוש באנגולר 2 צריך שזה יהיה אפליקציה ממש מורכבת, אז אתה נהנה מהסדר והשכלול של אנגולר 2. כנלע"ד
    ואגב, מטריאל עובד מצוין גם באנגולר 1, יותר פשוט ואם אני לא טועה יש לו יותר מרכיבים מאנגולר 2



  • @אהרן
    ועדיין, בC# אתה יכול להחליט באיזה פיתרון לבחור, ולא חייב ללכת על הפיתרון שיש בפריימוורק.



  • @אהרן אמר בreact vs angular:

    כתוב 'ביום שהיא תעלם', לא שהיא תעלם .

    C# לכאורה לא תיעלם בזמן הקרוב.
    הסיכוי שאנגולר תיעלם בעוד עשור יותר גדול מהסיכוי שC# תיעלם.
    ע"ע פלאש, סילברלייט ועוד.....

    ומה שכתבתי ש @dovid יחייך, זה כי הוא אמר לי שיבוא יום שאני לא יבין איך לא כתבתי בC# עד היום.
    בינתיים אני כותב המון בC#, ועדיין לא ממש נהנה... (לפחות לא לעומת VB.NET)


  • תכנות

    מנקודת המבט שלי:

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

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


  • תכנות

    קליקואן - נראה לי שהבחור שכתב את זה לא מכיר אנגולר.. רוב הדברים שם זה קשקוש אחד גדול.
    אנגולר איננה שפה, זה בסה"כ JS במעטפת של TS. וגם אם אנגולר תמות - אתה עדיין תדע JS מעולה.
    מסכים עם מה שנאמר פה..
    בשביל פרוייקט קטן, לא בהכרח צריך אנגולר.
    מצד שני - מגירסה 5 הוסיפו קימפול של AOT כך שכשאתה טוען דף אנגולר ללקוח - זה לא טוען את כל הפריימוורק, אלא רק מה שצריך, כך שהטעינה הרבה יותר מהירה. ואם אתה כבר מכיר אנגולר 2 - אז לא הייתי הולך ללמוד אנגולר 1 בשביל פרוייקטים קטנים.
    כמו כן, אני לא חושב שאנגולר תיעלם כ"כ מהר מהעולם.. היא רק הרבה יותר מתפתחת ומשתבחת, והרבה חברות כותבות בה.
    @אהרן אמר בreact vs angular:

    @avr416 אמר בreact vs angular:

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

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

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


התחבר כדי לפרסם תגובה
 

23
מחובר

1.5k
משתמשים

5.3k
נושאים

58.6k
פוסטים

סלולר כשר במחירים הנמוכים ביותר עם ובלי ניוד.

כנסו לאתר לקניה מקוונת, או בדקו סניף קרוב לביתכם.

מוצרים עם הנחה

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

בהגעה דרך הלינק, ישנה הנחה בשלב התשלום בקופה!

בא תתחבר לדף היומי!