באיזה פרימוורק להשקיע?

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

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

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

יש לקחת בחשבון, שפרויקטים שנפתחים כעת, שיאמצו טכנולגיות עכשיות, בעתיד הרחוק ג"כ ידרשו אנשי תחזוקה והוספת פיצרים, מה שקורה למשל עם redux, שכעת הוא יושב חזק בתוך הרבה מערכות פרונט ללא יכולת להשתחרר ממנו למשהו יותר קליל כמו mobx למשל, ולמעלה באילן היוחסין PHP, שלמרות שחסרונותיו ידועים עדיין הוא חלק נרחב מהרשת (70-80%, אל תתפסו אותי על המילה)

נכון לתאריך כתיבת שורות אלו, המצב די ברור לכמה שנים הקרובות, אם נשווה בין אנגולר, וייו, וריאקט:

תוכלו לבדוק ולהתרשם, להשוות, למצמץ, להאמין ולהכחיש, להסתייג או להגביל, או לסתור.

תגובה אחת על “באיזה פרימוורק להשקיע?

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

    ואגב, כשעושים השוואה של מידת השביעות רצון בין הפריימוורקים ריאקט וויו נמצאים ממש באותו גובה (ויש לקחת בחשבון שוויו הוא עדיים פחות ידוע והרבה עדייין לא מכירים אותו):
    https://insights.stackoverflow.com/survey/2019#technology-_-most-loved-dreaded-and-wanted-web-frameworks
    ראה גם:

    Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

    Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

    Stack Overflow trends

    https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Csvelte%2Cangularjs%2Cvuejs3

    Stack Overflow trends

    Stack Overflow survey

    Stack Overflow survey

    https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

    2023 (june 2023, +90,000 developers): https://survey.stackoverflow.co/2023/

    • Popularity: React 40.58%, Angular 17.46%, Vue.js 16.38%, AngularJS 7.21%, Svelte 6.62%, Solid.js 1.36%, Lit 0.68%
    • Desired: React 35.25%, Vue.js 17.42%, Svelte 14.18%, Angular 13.86%, Solid.js 4.93%, AngularJS 4.21%, Lit 0.92%
    • Admired: Svelte 74.50%, Solid.js 71.71%, React 63.61%, Vue.js 57.87%, Lit 55.71%, Angular 50.75%, AngularJS 19.22%

    2022 (june 2022, +70,000 developers): https://survey.stackoverflow.co/2022/

    • Popularity: React.js 42.62%, Angular 20.39%, Vue.js 18.82%, Angular.js 8.99%, Svelte 4.58%
    • Loved: Svelte 75.28%, React.js 68.19%, Vue.js 63.16%, Angular 52.27%, Angular.js 21.01%
    • Want: React.js 22.54%, Vue.js 14.6%, Angular 7.18%, Svelte 9.34%, Angular.js 4.32%

    2021 (august 2021, +80,000 developers): https://insights.stackoverflow.com/survey/2021

    • Popularity: React.js 40.14%, Angular 22.96%, Vue.js 18.97%, Angular.js 11.49%, Svelte 2.75%
    • Loved: Svelte 71.47%, React.js 69.28%, Vue.js 64.41%, Angular 55.82%, Angular.js 23.18%
    • Want: React.js 25.12%, Vue.js 16.69%, Angular 8.47%, Svelte 6.57%, Angular.js 5.8%

    2020 (february 2020, 65,000 developers): https://insights.stackoverflow.com/survey/2020

    • Popularity: React.js 35.9%, Angular 25.1%, Vue.js 17.3%, Angular.js 16.1%
    • Loved: React.js 68.9%, Vue.js 66.0%, Angular 54.0%, Angular.js 24.1%
    • Wanted: React.js 22.4%, Vue.js 16.4%, Angular 10.6%, Angular.js 7.7%

    2019 (january 2019, +90,000 developers): https://insights.stackoverflow.com/survey/2019

    • Popularity: React.js 31.3%, Angular/Angular.js 30.7%, Vue.js 15.2%
    • Loved: React.js 74.5%, Vue.js 73.6%, Angular/Angular.js 57.6%
    • Wanted: React.js 21.5%, Vue.js 16.1%, Angular/Angular.js 12.2%

    2018 (january 2018, +100,000 developers): https://insights.stackoverflow.com/survey/2018

    • Popularity: Angular 36.9%, React 27.8%
    • Loved: React 69.4%, Angular 54.6%
    • Wanted: React 21.3%, Angular 14.3%

    stateofjs.com survey

    2022 (january 2023, 39,472 responses): https://2022.stateofjs.com/en-US/libraries/front-end-frameworks/

    • Solid satisfaction: 90.87% 100-(100/(1883+189)*189) for 2,072 users 1883+189
    • Svelte satisfaction: 89.62% 100-(100/(6296+729)*729) for 7,025 users 6296+729
    • React satisfaction: 82.95% 100-(100/(22637+4652)*4652) for 27,289 users 22637+4652
    • Vue satisfaction: 77.32% 100-(100/(11892+3487)*3487) for 15,379 users 11892+3487
    • Lit satisfaction: 70.75% 100-(100/(1442+596)*596) for 2,038 users 1442+596
    • AngularJS + Angular 2+ satisfaction: 42.62% 100-(100/(6929+9328)*9328) for 16,257 users 6929+9328

    2021 (february 2022, 16,085 respondents): https://2021.stateofjs.com/en-US/libraries/front-end-frameworks/

    • Solid satisfaction: 89.47% 100-(100/(340+40)*40) for 380 users 340+40
    • Svelte satisfaction: 89.40% 100-(100/(2431+288)*288) for 2,719 users
    • React satisfaction: 83.65% 100-(100/(9082+1774)*1774) for 10,856 users
    • Vue satisfaction: 79.91% 100-(100/(5590+1405)*1405) for 6,995 users
    • Lit satisfaction: 77.28% 100-(100/(745+219)*219) for 964 users 745+219
    • AngularJS + Angular 2+ satisfaction: 44.73% 100-(100/(3306+4084)*4084) for 7,390 users

    2020 (december 2020, 23,765 respondents): https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

    • Svelte satisfaction: 88.89% 100-(100/(2810+351)*351) for 3,161 users
    • React satisfaction: 87.49% 100-(100/(15071+2154)*2154) for 17,225 users
    • Vue satisfaction: 85.15% 100-(100/(9029+1574)*1574) for 10,603 users
    • LitElement satisfaction: 77.6%
    • AngularJS + Angular 2+ satisfaction: 41.60% 100-(100/(5046+7081)*7081) for 12,127 users

    2019 (december 2019, 21,717 respondents): https://2019.stateofjs.com/front-end-frameworks/

    • React satisfaction: 89.33% 100-(100/(14382+1717)*1717) for 16,099 users
    • Svelte satisfaction: 87.63% 100-(100/(1368+193)*193) for 1,561 users
    • Vue satisfaction: 87.14% 100-(100/(8122+1198)*1198) for 9,320 users
    • AngularJS + Angular 2+ satisfaction: 37.95% 100-(100/(4396+7186)*7186) for 11,582 users

    2018 (november 2018, 20,268 developers): https://2018.stateofjs.com/front-end-frameworks/overview/

    • Vue satisfaction: 91.15% 100-(100/(5810+564)*564) for 6,374 users
    • React satisfaction: 90.60% 100-(100/(13062+1355)*1355) for 14,417 users
    • AngularJS + Angular 2+ satisfaction: 41.37% 100-(100/(4817+6826)*6826) for 11,643 users

    JetBrains survey

    2023 (20 november 2023, 26,348 developers): https://www.jetbrains.com/lp/devecosystem-2023/javascript/

    • React: 57%
    • Vue: 32%
    • Angular: 20%
    • React Native: 12%
    • Svelte: 7%

    2022 (17 january 2023, 29,269 developers): https://www.jetbrains.com/lp/devecosystem-2022/javascript/

    • React: 55%
    • Vue: 35%
    • Angular 2+: 17%
    • React Native: 12%
    • AngularJS: 7%
    • Svelte: 5%

    2021 (16 july 2021, 31,743 developers): https://www.jetbrains.com/lp/devecosystem-2021/javascript/

    • React: 49% regularly use
    • Vue: 43% regularly use
    • Angular 2+: 18% regularly use
    • React Native: 14% regularly use
    • AngularJS: 9% regularly use
    • Svelte: 3% regularly use

    2020 (11 june 2020, 19,696 developers): https://www.jetbrains.com/lp/devecosystem-2020/javascript/

    • React: 64% regularly use
    • Vue: 32% regularly use
    • Angular 2+: 24% regularly use
    • React Native: 21% regularly use
    • AngularJS: 11% regularly use
    • Svelte: 2% regularly use

    2019 (11 june 2019, 7,000 developers): https://www.jetbrains.com/lp/devecosystem-2019/javascript/

    • React: 54% regularly use
    • Vue: 39% regularly use
    • Angular 2+: 23% regularly use
    • React Native: 20% regularly use
    • AngularJS: 14% regularly use

    2018 (7 june 2018, 6,000 developers): https://www.jetbrains.com/research/devecosystem-2018/javascript/

    • React: 60% regularly use
    • Vue: 33% regularly use
    • React Native: 25% regularly use
    • AngularJS: 21% regularly use
    • Angular 2+: 20% regularly use

    2017 (12 july, 2017, 5,000 developers): https://www.jetbrains.com/research/devecosystem-2017/javascript/

    • React: 49% regularly use
    • AngularJS: 44% regularly use
    • Angular 2+: 22% regularly use
    • React Native: 18% regularly use
    • Vue: 20% regularly use

    Jamstack Community Survey

    2022 (2022/11/07, 6,544 responses): https://jamstack.org/survey/2022/#frameworks-by-usage-and-satisfaction

    • Popularity: React 71%, Vue 33%, Angular 2+ 20%, Svelte 19%, Angular.js 14%, SolidJS 6%
    • Satisfaction: Svelte 5.3, Vue 3.1, React 2.9, Angular 2+ 0.7, Angular.js 0.3, SolidJS 2.0

    GitHub repositories that depend on

    github-repositories

    https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

    NPM downloads

    https://npmtrends.com/@angular/core-vs-lit-vs-react-vs-solid-js-vs-svelte-vs-vue

    npmtrends.com

    NPM packages depending on

    npmjs.com

    https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

    Twitter followers

    twitter-followers

    https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

    Reddit subscribers

    https://frontpagemetrics.com/r/reactjs#compare=vuejs+angular2

    redditmetrics.com

    Hacker News Hiring Trends

    https://www.hntrends.com/2023/may-remote-jobs-drop-lowest-levels-post-covid.html?compare=React&compare=Vue&compare=Angular+2&compare=AngularJS

    hntrends.com

    Indeed

    https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

    Google trends

    https://trends.google.com/trends/explore?cat=733&date=today%205-y&q=React,Vue,Angular,Svelte,Lit
    https://trends.google.com/trends/explore?cat=31&date=today%205-y&q=React%20javascript,Vue%20javascript,Angular%20javascript,Svelte%20javascript,Lit%20javascript

    trends.google.com

    YouTube

    https://trends.google.com/trends/explore?date=today%205-y&gprop=youtube&q=React%20javascript,Vue%20javascript,Angular%20javascript,Svelte%20javascript,Lit%20javascript

    GitHub stars

    https://star-history.com/#facebook/react&vuejs/vue&vuejs/core&angular/angular&sveltejs/svelte&solidjs/solid&lit/lit

    image

    SimilarTech: market share & web usage statistics

    https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

    BuiltWith Technology Lookup

    https://docs.google.com/spreadsheets/d/1kODyUrTPWvz5n0fpUovRdxfXsSikVHz6T3h9Kspuk8g/edit?usp=sharing

     

    If someone has other charts, please share.

     

    Some dates

    AngularJS

    React

    Vue

    Angular 2+

    Svelte

    Solid

    Lindy effect

    The longer a technology has survived, it is also likely to have a longer remaining life expectancy: https://en.wikipedia.org/wiki/Lindy_effect

    Liked by 1 person

כתיבת תגובה

אתר זו עושה שימוש ב-Akismet כדי לסנן תגובות זבל. פרטים נוספים אודות איך המידע מהתגובה שלך יעובד.

עם WordPress.com אפשר לעצב אתרים כאלה
להתחיל