{"id":28524690,"url":"https://github.com/gabrielduete/angular-vue-react","last_synced_at":"2026-05-07T02:35:20.122Z","repository":{"id":155560979,"uuid":"621061565","full_name":"gabrielduete/Angular-Vue-React","owner":"gabrielduete","description":"Angular/Vue/React - Comparation","archived":false,"fork":false,"pushed_at":"2023-05-09T02:33:30.000Z","size":783,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-04-08T03:41:48.572Z","etag":null,"topics":["angular","framework","javascript","javascript-library","react","reactnative","vue"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gabrielduete.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-03-29T23:11:12.000Z","updated_at":"2025-02-20T20:21:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"5e0e0f3a-fe92-4ac3-9d57-10c1f8b1b7ed","html_url":"https://github.com/gabrielduete/Angular-Vue-React","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gabrielduete/Angular-Vue-React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielduete%2FAngular-Vue-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielduete%2FAngular-Vue-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielduete%2FAngular-Vue-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielduete%2FAngular-Vue-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gabrielduete","download_url":"https://codeload.github.com/gabrielduete/Angular-Vue-React/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielduete%2FAngular-Vue-React/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32720396,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-07T02:14:30.463Z","status":"ssl_error","status_checked_at":"2026-05-07T02:14:29.405Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","framework","javascript","javascript-library","react","reactnative","vue"],"created_at":"2025-06-09T11:10:51.820Z","updated_at":"2026-05-07T02:35:20.117Z","avatar_url":"https://github.com/gabrielduete.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular - Vue - React\n\n\u003cimg src='https://assets.mkdev.me/posts/covers/000/000/179/original/javascript-framework-comparison-vue-react-and-angular.png?1551942837'\u003e\n\n## This repository destinty to comparate Angular, Vue and React.\n\n- [In the files i did a basic comparation to show an input to control a state that changes the text according to change the input. Also a simple creation of a component to work as props.](#code-preview-new-project-in-progress) [New project in progress]\n- [In the README is where the comparison between Angular, React and Vue.](#basic-comparison-between-angular-vue-and-react)\n\n# Basic comparison between Angular, Vue and React.\n\n#### Comparisons were made on qualities and defects of each tool. Also some suggestions for when to use each one.\n\n#### The repository was written based on the studies that were referenced at the end and my experience as a front react developer for 1 year.\n\n# \u003cimg src ='https://angular.io/assets/images/logos/angularjs/AngularJS-Shield.svg' style='width: 20px;'\u003engular\n\n\u003cimg src='https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/06/ANGULAR.png' style='width: 100%;'\u003e\n\nFirst front end framework - aiming to bring a robust experience, using js to manipulate the DOM\n\n## Angular 1\n\n| Benefits                                          | Drawbacks                                                      |\n| ------------------------------------------------- | -------------------------------------------------------------- |\n| Maintained by google                              | Very heavy, the structure it is complex                        |\n| Brought the idea of Two-Way Data Binding          | Requires a lot of knowledge in class components and typescript |\n| Relates well to fullstack projects (monorepo too) |                                                                |\n\n### Angular 2+\n\nIt was rewritten from 0.\n\n| Benefits                                                                            | Drawbacks                                       |\n| ----------------------------------------------------------------------------------- | ----------------------------------------------- |\n| Suitable for typescript usage                                                       | Very heavy, the structure it is complex         |\n| Much more performant than the 1 version                                             | Quite bureaucratic to create solutions          |\n| Plenty of content in the community                                                  | Migration issues between Angular 1 to Angular 2 |\n| Cosntant evolution                                                                  |                                                 |\n| Ensures that the project follows an architecture very similar to the other projects |                                                 |\n\n### Suggestions when to use:\n\n- Team fullstack\n- Project complex and scalable\n- Team with typescript experience\n\n# \u003cimg src='https://br.vuejs.org/images/logo.png' style='width: 20px'\u003eue\n\n\u003cimg src='https://res.cloudinary.com/practicaldev/image/fetch/s--L71__yWO--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://dev-to-uploads.s3.amazonaws.com/i/z74oqos1984w5g5ah0i9.jpeg' style='width: 100%;'\u003e\n\n| Benefits                                 | Drawbacks                                                                              |\n| ---------------------------------------- | -------------------------------------------------------------------------------------- |\n| Simple learning                          | Quite new so the community is not that extensive                                       |\n| Lightweight bundle                       | People with experience in other frameworks may have a little more difficulty learning. |\n| Simple codes and tools                   | Very flexible, it can bring problems such as code standardization.                     |\n| Encourages a clean code                  |                                                                                        |\n| Works well for developing small projects |                                                                                        |\n| Helps with prioritization                |                                                                                        |\n\n### Suggestions when to use:\n\n- Simple application with a short lead time\n- Team with more juniors\n- Want to structure a clean code pattern in the project with ease\n\n# ⚛️ React\n\n\u003cimg src = 'https://sujeitoprogramador.com/wp-content/uploads/2019/04/react.png' style='width: 100%;'\u003e\n\n| Benefits                                                                          | Drawbacks                                                                         |\n| --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |\n| Huge community, most used globally                                                | As it gets longer, it becomes more complex to understand.                         |\n| Lightweight bundle                                                                | Aworks well with Reduce, but adds more complexity to your code.                   |\n| You can install just what you need                                                | Because it is a lib, it ends up depending on other frameworks and design patterns |\n| Works well with Redux                                                             |                                                                                   |\n| Complex codes, requires more of the programmer to create and maintain the project |                                                                                   |\n| Lightweight bundle                                                                |                                                                                   |\n| Maintained by facebook                                                            |                                                                                   |\n| Works well cross-platform app, SPA or mobile apps.                                |                                                                                   |\n\n### Suggestions when to use:\n\n- Want to work with compotenization\n- Want to scale the project easily\n- Must build a short or long project\n\n# References:\n\n#### PT-BR\n\n- [REACT, VUE ou ANGULAR - Qual framework JavaScript escolheria hoje](https://youtu.be/L78ENSEHXLE)\n- [Angular vs React vs Vue - A Batalha dos Frameworks!!!](https://youtu.be/VmmA5SFN2WM)\n- [Angular vs React vs Vue - Qual deles é o melhor? | Aquino Explica](https://youtu.be/8-3ZOdp_ZDo)\n- [React vs Angular vs Vue: Qual Framework Aprender em 2023](https://youtu.be/gTKHpxq8ISY)\n- [Não tente aprender um framework antes de ver este vídeo. Angular, React, Vue, Laravel](https://youtu.be/VMwWUUYmyow)\n- [O que é o Vue.js?](https://www.treinaweb.com.br/blog/o-que-e-o-vue-js)\n\n#### EN\n\n- [React vs Angular vs Vue.js — What Is the Best Choice in 2023?](https://www.techmagic.co/blog/reactjs-vs-angular-vs-vuejs/)\n- [Vue vs React: What to choose in 2023?](https://digitalya.co/blog/vue-vs-react/)\n- [Front-end development: What should I learn? React, Vue, Angular or Svelte?](https://www.linkedin.com/pulse/front-end-development-what-should-i-learn-react-vue-angular-slomska/)\n\n# Code Preview [New project in progress]\n\n## Angular\n\n\u003cimg src='https://media.discordapp.net/attachments/985001266226790410/1097702698725425182/image.png'\u003e\n\n## Vue\n\n\u003cimg src='https://media.discordapp.net/attachments/985001266226790410/1097702841029771304/image.png'\u003e\n\n## React\n\n\u003cimg src='https://media.discordapp.net/attachments/985001266226790410/1097703427628343306/image.png'\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielduete%2Fangular-vue-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgabrielduete%2Fangular-vue-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielduete%2Fangular-vue-react/lists"}