*A guest blog post for \[GraphQL Editor blog]
(https://graphqleditor.com/blog/) by Kuba Kamiński from* [InfoTech](https://technikum.infotech.edu.pl/) 

We are living in a world in which technology changes every day. The web pages older than 3 years for us it is something old and out of date. It's not surprising that web pages should be upgraded every day to become more user-friendly, efficient, aesthetic and secure. Abilities that give us these possibilities are accessible by modern web technologies. It’s important for web programmers who want to stay at the top of their game and for newcomers looking for their first job. Today we will be looking at the most wanted of them in 2020. So the web programming frameworks are divided into three groups: frontend, backend & data layer.

## FRONTEND LAYER

At the overlap called *frontend frameworks*, we can see the top 3 of the most used web languages. These are the most appreciated frontend frameworks by respondents:

### React

[React](https://react.dev/) is a JavaScript framework that provides an option to create a user interface. React was released on March 1, 2013. It is declarative to make a work painless to create interactive UIs. As we can observe the number of programmists that are using this language is increasing year by year. On the label, we can see the number of users that have tried React but would not use it again is quite small. React has a dominant position among frontend frameworks.

![React](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/react-1730850181914.webp)

### Vue.JS

Vue.js is a progressive framework for building user interfaces. What changes Vue from others is designed from the ground up to be incrementally adoptable. The first release of vue.js was February 2014. The Vue.js wasn't quite popular since 2016. As we can see in 2017 people started the interest in this language. Still, this language is very low on usage in everyday tasks. The number of people that are using Vue is increasing, but the number of users willing to learn is lowering year by year.

![Vue.js](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/vue-1730850192887.webp)

### Angular

Angular is a cross-platform, fast and very performant frontend framework allowing you to quickly create UI views. Simple, yet powerful template syntax, high-performance, complex choreographies makes Angular a solid player among frontend frameworks with a pretty strong community using it on a daily basis.

![Angular](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/angular-1730850143732.webp)

## BACKEND LAYER

At the tuck called “back end frameworks” under it, we got seven other tucks with the language but I will focus on the top 3. Upcoming languages are:

### Express

[Express](https://expressjs.com/) is a Node.js web application framework that provides a robust set of features for web and mobile applications. Express is a front-end framework that uses HTTP utility methods. The number of peoples that are using it on a daily basis is pretty high.

![Express](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/express-1730850155843.webp)

### NEXT.js

[Next.js](https://nextjs.org/) is a static site generator with a lot of useful features like customizable server, routing, plugins as well as complete control over Babel and Webpack. Next.js is relatively and its popularity hasn't skyrocket yet but I am sure it will very soon.

![Next.js](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/next-1730850175647.webp)

### Koa

[Koa](https://koajs.com/) is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs. The number of users that are using koa is still low but it's definitely a framework to follow.

![Koa](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/koa-1730850169485.webp)

## DATA LAYER

At the tuck called data layer, we can see under it more overlaps with the names of the programming languages to work on data layer:

### Redux

[Redux](https://redux.js.org/) is a data layer programing language that works as a javascript apps container. It’s centralizing all your apps to let you undo/redo state persistence. Redux lets you easily change things. The percents of users using Redux is increasing rapidly. In the two last years, the percentage of people that never heard of it didn’t increase enough.

![Redux](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/redux-1730850187362.webp)

### GraphQL

[GraphQL](https://graphql.org/) is an amazing opportunity to maximize your efficiency on your web page. GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL was getting his fame in 2017 when the number of users that didn’t know this language downgrade by almost half. The number of voters that want to learn it was highering in the years 2017-2018 but in 2019 the percent lowered and the percent of the users that are using it on a daily basis was bigger.

![GraphQL](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/blogpost/graphql-1730850161922.webp)

Most wanted web technologies of 2020

*A guest blog post for \[GraphQL Editor blog]
(https://graphqleditor.com/blog/) by Marcin, Adam & Norbert from* [InfoTech](https://technikum.infotech.edu.pl/) 

***

Awaited by everyone, the ninth version of Angular carries with it a lot of news and features. Primarily, Ivy became official compiler and functionalities brought into it, significantly improved performance and also streamline the process of debugging, testing and building web applications. In addition, changes were made to the entire framework.

## Project Ivy has arrived

[Angular](https://angular.io/) is one of the best open-source frameworks that allows building web apps. Developed by Google, it has evolved over the years into versatile framework development, having all the necessary tools and resources to create web applications.

The biggest change introduced in Angular 9 is the replacement of the existing ViewEngine (VE) compiler with the [Ivy compiler](https://v12.angular.io/guide/ivy). In short, it is a tool that will be crucial for the further development of Angular and that has allowed eliminating several errors with large bundles and application performance resulting in a significant performance jump.

![](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/media/frameworks-1730833084826.webp)

##### Source: [undraw.co](https://undraw.co/)

In Angular 8 to activate Ivy you had to add the following lines in the tsconfig.json file:

```ts
"angularCompilerOptions": {
 "enableIvy": true
}
```

In Angular 9 as Ivy became the default compiler this is no longer necessary. Ivy is radically different from anything we have seen in mainstream frameworks because it uses incremental DOM, and it upgraded since 8th versions and offers numerous advantages as:

* Improved building,
* Easier debugging,
* Faster testing,
* TypeScript 3.7 support,
* Improved type checking,
* IDE & language service improvements.

and our personal favorite which is ...

## Improved bundle size

Ivy is reducing the size of JavaScript packages which is a great improvement for programmers trying to speed up their applications. Smartphones and other similar mobile devices make up about half of the websites' traffic worldwide. A large proportion of these mobile devices gain access to websites from locations with slow internet connections. Sadly this is still a major issue that needs to be considered while building an app. Rebuilding existing API to reduce the number of resources they need to download and increase application performance for mobile users could turn out to be quite costly and can pose an unexpected risk to their projects. Of course, there is always a [GraphQL](https://graphqleditor.com/) but since you need to convince your team first it takes time. Taking all that improved bundle size feature turns out really useful! If you would like to check in detail what has changed make sure to visit angular's official blog about the Angular 9 update.

![](https://graphqleditorcms.fra1.cdn.digitaloceanspaces.com/graphqleditorcms/media/ivy-size-1730833111504.webp)

##### Source: angular.io

## Update today

It’s the biggest actualization for about three years, so do not feel overwhelmed.
If you haven’t updated your projects yet, [update.angular.io](https://update.angular.io/) might come in handy! Certainly, working on a refreshed framework will be much more pleasant from now on. The mass of changes inevitably also heralds a lot of problems, but certainly, the next updates bring necessary corrections and patches. We wish you fruitful work!

Posts by Infotech