- Animated graphics,
- Automatic text suggestions,
- Interactive forms.
New solutions started appearing. Google created its AngularJS and Facebook started working on React. The more apps appeared on the market, the more tools were needed.
Why do we need frameworks in JS?
They allow us to divide the code according to its functions and the contents that are displayed. The code had 3 basic functions:
- Model – what we display, what our date is made of, what is the logic of the app;
- Display – how we display the model;
- Control – in what way should the model and the display react to the actions of the user.
- Divide the code into separate components, which allow us to use the same template in different places.
- Dividing the code into teams (X works on components A, Y works on component B).
- Improving the speed of writing the code by the use of ready solutions.
Vue.js – advantages:
- Flexibility (simple components and templates)
- Simplicity (perfect to begin with and for those who are only starting out as a software developers)
- Ease to create interesting programs, even by beginner programmers.
Vue.js – disadvantages:
- Lack of support (no corporation behind it, which makes Vue be seen as an unknown and unreliable source)
- Flexibility (the number of components might be a disadvantage if there is a number of programmers with various work practices working on a project)
React.js – advantages:
- Stability (it works highly effectively)
- The code of many uses, even between different apps
- Can be used by intermediate programmers
React.js – disadvantages:
- Positioning (Google may have problems with reading the dynamics of the page correctly)
- Complicity (advanced templates which force the programmers to make various elements work together well)
- Flexibility (it’s still growing and updating which might be problematic for the programmers with less experience)
Angular – advantages:
- Speed (thanks to a variety of templates, building websites, even those more complicated ones, is easier)
- Self-reliance (a multitude of self-reliant tools)
- Great quality of codes
Angular – disadvantages:
- Efficiency (it drops as the app is being developed)
- Created for more experienced programmers
It was created by Rich Harris. Even though it’s comparatively new, it quickly gained popularity and interest among programmers. It’s used to create graphic interfaces in websites. Apps written with Svelte don’t have the structure of a framework. Instead, Svelte generated a code that manipulates DOM, which makes the app work better from the user’s perspective.
Svelte – advantages:
- Easy to manage (the size of an app is 10 times smaller than while writing in React.js)
- Ready to use effect(various modules of effects and animations)
- Great for beginners
Svelte – disadvantages:
- Still in development (it cannot compete with bigger projects with higher funding, like React, Angular and Vue)
- Types of templates
Node.js – advantages:
-the simplicity and the efficiency of code
-Popularity(a variety of tutorials and projects)
- Easy to use (simple connections between the backend and the frontend in one programming language)
Node.js – disadvantages:
- Efficiency(works slower when the processor is used intensely and while processing big files)
- Difficulty judging the modules (with a bigger module comes the risk of mistakes and errors within it)
Ember.js – advantages:
- Easy to use (makes switching from one project to another way easier)
Ember.js – disadvantages:
- For more advanced programmers, as it’s quite difficult to learn
- The scale of the framework (too big for small projects)
- Updates (no newer versions and no tutorials)
It depends on many factors. Each framework offers different elements and uses. We often very often choose the framework which is currently popular because it grants us help and tips if we come across some problems which working. The most important factor to consider while choosing a framework is the satisfaction of working with it.