Angular vs. React vs. Vue.js: Comparing performance

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • universal

    Server-side rendering and Prerendering for Angular

  • Angular executes applications in the browser and renders pages in the DOM by default. This default method of rendering in the client comes with disadvantages like poor performance and lack of visibility for search engine crawlers. Luckily, Angular allows us to opt-in for server-side rendering (SSR) through Angular Universal, its official SSR solution.

  • zustand

    🐻 Bear necessities for state management in React

  • Zustand: A lightweight alternative to popular state management solutions like Redux and MobX. It eliminates the complexities of state management by providing a minimal API that doesn’t require tons of boilerplate code. Its bundle size is 3kb minified and 1.1kb gzipped

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Angular

    Deliver web apps with confidence 🚀

  • One of the key factors contributing to Angular’s success is the strong community and ecosystem support it offers. Its ecosystem provides troubleshooting assistance and support in the form of blog posts, videos, sample projects, templates, and other learning materials. And as of this writing, Angular has nearly 90k GitHub stars.

  • vuelidate

    Simple, lightweight model-based validation for Vue.js

  • Vuelidate: A lightweight library that provides a simple and intuitive way to handle form validation. It has a small footprint and minimal impact on an application’s overall size and performance. Its bundle size is 12.4kb minified and 3.7kb gzipped

  • awesome-react

    A collection of awesome things regarding React ecosystem

  • One thing that stands out from React’s history and creation is the power of open source projects and an active community. React's ecosystem provides a vast array of third-party libraries and tools that extend its functionality and make it easier to create performant applications.

  • vite

    Next generation frontend tooling. It's fast!

  • Vite: A build tool that provides a faster and smoother workflow for developing web applications. It supports code splitting and breaks down codebases into smaller chunks, leading to more efficient loading and execution of JavaScript. It also supports lazy loading and ensures modules are only loaded when required, which reduces initial load times and improves performance. Its bundle size is 18.2kb minified and 5.9kb gzipped

  • valibot

    The modular and type safe schema library for validating structural data 🤖

  • Valibot: A lightweight schema declaration and validation library. Its bundle size is less than 1kb

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • React

    The library for web and native user interfaces.

  • This ecosystem includes Redux and MobX for state management, React Router for routing, Formik for form validation, and styled-components, and CSS Modules for styling. As of this writing, React has over 200k GitHub stars.

  • SWR

    React Hooks for Data Fetching

  • SWR: A React Hooks library for remote data fetching. It supports features like caching, revalidation, error handling, prefetching, pagination, and support for SSG and SSR. Its bundle size is 10kb minified and 4.4kb gzipped

  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  • Vue has a thriving ecosystem with a wide range of third-party libraries and plugins available for extending its functionality. These libraries cover everything from state management to routing, making it easy for developers to find solutions to common problems and enhance their development workflow. As of this writing, Vue has 200k GitHub stars.

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

  • React Hook Form: A powerful and lightweight form management and validation library designed to make form development more efficient. Its bundle size is 26.6kb minified and 9.6kb gzipped

  • awesome-vue

    🎉 A curated list of awesome things related to Vue.js

  • Vue’s community provides several custom solutions and packages for Vue 2 and Vue 3. Some great third-party libraries from the Vue ecosystem include Pinia for state management and vee-validate for form validation.

  • ng2-charts

    Beautiful charts for Angular based on Chart.js

  • ng2-charts: A library for integrating Chart.js into Angular applications. It covers several chart types, including line, bar, pie, and donut charts. Its bundle size is 18.2kb minified and 5.9kb gzipped

  • Let’s use PageSpeed Insights to analyze the Core Web Vitals (CWVs) of landing pages built with the three frameworks to understand their performance differences. Grab the source code for the landing pages from their respective GitHub repositories; Angular, React, and Vue. We will work with Angular v13, React v18, and Vue 3.

  • Let’s use PageSpeed Insights to analyze the Core Web Vitals (CWVs) of landing pages built with the three frameworks to understand their performance differences. Grab the source code for the landing pages from their respective GitHub repositories; Angular, React, and Vue. We will work with Angular v13, React v18, and Vue 3.

  • Let’s use PageSpeed Insights to analyze the Core Web Vitals (CWVs) of landing pages built with the three frameworks to understand their performance differences. Grab the source code for the landing pages from their respective GitHub repositories; Angular, React, and Vue. We will work with Angular v13, React v18, and Vue 3.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts