How to chose FE Framework
Criteria
Criteria to chose FE framework:
Usage Context - make a list of your requirements and whether a framework is suitable for that purpose
Core Features (templating, state management, HTTP communication, form processing and validation, and routing)
Bandle size - the size of the framework bundle
SSR support (if needed)
Performance (performance for the defined type of web app)
License - before starting developing with a framework, see what kind of license the framework is distributed under.
Learning Curve - while choosing a framework, remember to choose one that has the smallest possible learning curve.
Documentation - look for a framework that has thorough documentation with plenty of examples, snippets, sample code, articles, and tutorials.
Learning resources (courses, books, tutorials, and articles)
Popularity (npm downloads, stars and contributors on GitHub, tagged questions on StackOverflow)
The Community - choose a framework that has a large and friendly community which helps developers new to the platform.
Bug Fixes/ Updates - choose a frameworkchoose that is updated often, is open about the bugs it finds, and more importantly fixes the bugs people come across as soon as possible.
Usability - based on team experiance
Ease of Integration with Other Libraries - the ability to integrate with other libraries and tools
Ease of Creating an Extension and Availability - choose a framework that lets you extend the framework easily and with minimal fuss.
When should you choose Angular?
Application types that can benefit from using Angular are:
Apps with very dynamic content: Thanks to its structure and its efficient data binding, Angular is extremely useful for all those applications where you would need to change the displayed content dynamically based on user behavior. Angular will make sure that once a component is changed, every other related components linked to it will immediately update.
Very large, enterprise-grade applications: Even if, as mentioned above, Angular updates itself very often, consequently producing a need to frequently update our code, its core structure and the tools it provides still make it a great framework for large applications.
Note, however, that when it comes to small-sized static pages, Angular is definitely not the best choice. Due to its monolithic structure, this framework doesn’t work well when producing small, static pages, adding useless overhead and consequently reducing load time and overall performance.
When should you choose React?
Using this well-loved framework can provide many advantages when dealing with:
Applications that necessitate speed: Designed with performance in mind and support for the virtual DOM, React is an excellent framework when you require speed and performance in your application.
Applications that require versatility: You can basically use React anywhere without sacrificing performance. The best part of this is that you don’t have to hack anything or use any particular tricks to make it work on different platforms. You will have the framework ecosystem backing you with things like React Native for mobile app development.
General websites that require good SEO: React’s speed and general performance can contribute to better SEO in the eyes of Google by providing a better user experience.
Suitable for an international audience: Many projects today are geared toward a global audience, which means you will have people accessing your application with hardware and internet connections of various speed and capacity. Faster apps that use React can help you bring your product to different geos that may have limited bandwidth or hardware capabilities.
When should you choose Vue?
This newly created but rapidly establishing framework proves useful in many different situations, such as:
Applications that necessitate speed: As with React, Vue.js applications tend to be extremely fast and can improve your project speed.
When you need very lightweight applications: Vue is not only fast, but also incredibly light. This provides advantages that include better performance for machines with limited resources, improved accessibility for people with slower connections, and a better overall experience for the users.
When you want to integrate a framework into an existing app: This can be easily and progressively done thanks to Vue’s inner structure, without sacrificing your application performance and just using exactly what you need. This will save time and money in the long run, making Vue also a very efficient tool for startups and growing ideas.
Suitable for an international audience: Similar to what we said above for React, Vue’s speed and lightness will also give international users with limited internet speed more possibilities to benefit from your product.
Last updated
Was this helpful?