- 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. [New project in progress]
- In the README is where the comparison between Angular, React and Vue.
Comparisons were made on qualities and defects of each tool. Also some suggestions for when to use each one.
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.
First front end framework - aiming to bring a robust experience, using js to manipulate the DOM
| Benefits | Drawbacks |
|---|---|
| Maintained by google | Very heavy, the structure it is complex |
| Brought the idea of Two-Way Data Binding | Requires a lot of knowledge in class components and typescript |
| Relates well to fullstack projects (monorepo too) |
It was rewritten from 0.
| Benefits | Drawbacks |
|---|---|
| Suitable for typescript usage | Very heavy, the structure it is complex |
| Much more performant than the 1 version | Quite bureaucratic to create solutions |
| Plenty of content in the community | Migration issues between Angular 1 to Angular 2 |
| Cosntant evolution | |
| Ensures that the project follows an architecture very similar to the other projects |
- Team fullstack
- Project complex and scalable
- Team with typescript experience
| Benefits | Drawbacks |
|---|---|
| Simple learning | Quite new so the community is not that extensive |
| Lightweight bundle | People with experience in other frameworks may have a little more difficulty learning. |
| Simple codes and tools | Very flexible, it can bring problems such as code standardization. |
| Encourages a clean code | |
| Works well for developing small projects | |
| Helps with prioritization |
- Simple application with a short lead time
- Team with more juniors
- Want to structure a clean code pattern in the project with ease
| Benefits | Drawbacks |
|---|---|
| Huge community, most used globally | As it gets longer, it becomes more complex to understand. |
| Lightweight bundle | Aworks well with Reduce, but adds more complexity to your code. |
| You can install just what you need | Because it is a lib, it ends up depending on other frameworks and design patterns |
| Works well with Redux | |
| Complex codes, requires more of the programmer to create and maintain the project | |
| Lightweight bundle | |
| Maintained by facebook | |
| Works well cross-platform app, SPA or mobile apps. |
- Want to work with compotenization
- Want to scale the project easily
- Must build a short or long project
- REACT, VUE ou ANGULAR - Qual framework JavaScript escolheria hoje
- Angular vs React vs Vue - A Batalha dos Frameworks!!!
- Angular vs React vs Vue - Qual deles é o melhor? | Aquino Explica
- React vs Angular vs Vue: Qual Framework Aprender em 2023
- Não tente aprender um framework antes de ver este vídeo. Angular, React, Vue, Laravel
- O que é o Vue.js?
- React vs Angular vs Vue.js — What Is the Best Choice in 2023?
- Vue vs React: What to choose in 2023?
- Front-end development: What should I learn? React, Vue, Angular or Svelte?
