Latest Web Development and JavaScript Trends to Follow in 2022
Tags: javascript, css, html, webdev
Published: 2022-01-24 11:04:09

For us at DHTMLX, it has become a good tradition to sum up the results of the outgoing year in the world of web development, and JavaScript in particular, and make predictions for the upcoming year. Each year brings something new and exciting for professional developers and admirers of web technologies, and this year is no exception.

After analyzing popular surveys and relevant statistical data dedicated to the web, we are ready to share with you the most peculiar findings. As a cherry on top, we'll also provide you with a review of the most notable events in the life of DHTMLX and our plans for 2022.

## JavaScript is Still Widely-Used but not Loved by Developers
Since JavaScript is a technology that is of prime interest to us, we should start by estimating its current position in the ratings of programming languages. For this purpose, we will use the latest [Developer Survey](https://insights.stackoverflow.com/survey/2021#technology) from Stack Overflow.

![Popular programming languages](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3g0fqsgdhcvfkn3nc2r3.png)_Source: [2021 Developer Survey](https://insights.stackoverflow.com/survey/2021#most-popular-technologies-language-prof)_

In terms of usage, JavaScript’s position is strong, as 68% of 58,031 interviewed professional developers preferred JavaScript for their projects. But at the same time, we all know that JavaScript is far from being perfect in many aspects, which caused the appearance of numerous languages that compile to JS such as CoffeeScript, TypeScript, etc. Thus, it is not surprising that the picture is different when we take a look at the ratings of the most loved/dreaded and wanted languages.

Among 82,914 developers who were asked to name a previously unused technology that they want to try in the future, JavaScript (14%) is third only to TypeScript (15%) and Python (19%). But when talking about the most loved languages, JavaScript (61%) is only 15th, while the top three includes Rust (86%), Clojure (81%), and TypeScript (72%). JavaScript was also called the most dreaded programming language by 38% of respondents.

![Loved&dreaded programming languages](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k3z4xus0012wi56rwyv0.gif)_Source: [2021 Developer Survey](https://insights.stackoverflow.com/survey/2021#technology-most-loved-dreaded-and-wanted)_

So should JavaScript be put out to pasture and be replaced by more developer-friendly languages? We think that JavaScript is a real giant of the programming world, whose drawbacks are largely compensated by an extensive ecosystem and a huge community. That is why it is too early to give up on JavaScript.

## JavaScript Frameworks: React Strengthens Its Leading Positions, Svelte Wins Developers’ Love
The 2021 Stack Overflow Developer Survey also provides interesting information about the state of things in the field of front-end frameworks. React predictably ranks first as the most commonly used web framework (41%), leaving behind jQuery (34%) and Angular (26%). Moreover, professional developers, who previously utilized other frameworks, are most looking forward to trying React.

![Popular JS frameworks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aotollxv3o4gbdr5powa.png)_Source: [2021 Developer Survey](https://insights.stackoverflow.com/survey/2021#web-frameworks)_

In our previous article on web trends, we noted that Svelte has the potential to become a great addition to any web development stack in 2021. Participants of the Stack Overflow survey chose Svelte as the most loved framework. 

The most troublesome frameworks among the survey respondents are Angular.js (76%), Drupal (75%), and jQuery (64).

![Wanted, loved, dreaded frameworks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6x4uf2wus2vluc7sq3v.gif)_Source: [2021 Developer Survey](https://insights.stackoverflow.com/survey/2021#most-loved-dreaded-and-wanted-webframe-love-dread)_

As we can see, web developers are not afraid of experimenting and adopting new JavaScript tools for their projects, so it will be more interesting to follow how the situation will change in 2022.

## What’s Happening in CSS
When talking about the trends in web development, it is also worth mentioning new realities in the realm of CSS. The recently released [2021 State of CSS](https://2021.stateofcss.com/en-US/) survey comes with plenty of interesting observations obtained through interviewing 8,714 developers around the globe.

![State of CSS 2021](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s6ck96jdio8fwq4is8rz.gif)_Source: [2021 State of CSS](https://2021.stateofcss.com/en-US/features)_

The survey says that each year developers become more and more aware and interested in adopting various layout tools such as CSS Flexbox, Grid, and sticky positioning. Other popular CSS features are calc() function, custom properties for cascading variables, ARIA attributes, and object-fit property. Survey participants also named container queries as the most desirable feature that is currently missing in CSS.

![Popular CSS frameworks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rgiu8xzmd68w3hmajzu1.gif)_Source: [2021 State of CSS](https://2021.stateofcss.com/en-US/technologies/css-frameworks)_

Regarding the CSS technologies, almost half of survey respondents said that they are utilizing one or more CSS-in-JS libraries. The most widely used CSS pre/post-processors are Sass and PostCSS. In the domain of frameworks, Tailwind CSS continues to cause the most serious interest and highest satisfaction among developers. Bootstrap is still number one in the categories of usage and awareness, but Tailwind CSS is getting closer each year.

## Covid-19 Continues Affecting Web Development Community
The COVID-19 pandemic continues to be a source of major concern for all of us. For two years, the disease has been putting all aspects of our lives to a serious test. So it is interesting to find out about the impact of this global threat on the programming industry and the steps taken to combat it.

GitHub's annual [State of the Octoverse](https://octoverse.github.com/) report provides several useful findings on the subject. First of all, after quite a long period of instability, it is nice to say that the development community regains the pre-pandemic level of productivity. Because of the tense epidemiological situation, many companies had to introduce remote working to keep their employees safe and GitHub says that many IT workers want to have an opportunity to work from home or in a hybrid environment after the pandemic is over.

![State of the Octoverse](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xrllb8u4llyy95hb3ye0.png)_Source: [2021 State of the Octoverse](https://octoverse.github.com/)_

It should be said that the development community is actively involved in the struggle against the coronavirus. Currently, there are [10,388 GitHub public repositories](https://github.com/topics/covid-19) dedicated to conducting research and raising awareness of the virus. Considering programming languages used for delivering these projects, JavaScript turns out to be the most popular technology.

## Mobile Web Development and Cloud Technologies are Flourishing
As internet access and mobile devices are becoming more affordable for the world population, having a mobile web presence is considered a new norm. Today it is also common to use mobile apps for work and leisure.

Here are a few interesting insights on the matter from Statista:

- Last year, the vast majority of internet users (92.6 %) [used mobile devices](https://www.statista.com/statistics/617136/digital-population-worldwide/) to go online

- During 2021, the popularity of web applications used to prove a COVID-19 vaccination and as travel passport has been constantly rising and [the number of their downloads](https://www.statista.com/statistics/1254495/coronavirus-global-vaccination-pass-app-downloads/) amounts to tens of millions times

- It is predicted that the [revenue from mobile apps](https://www.statista.com/forecasts/1262892/mobile-app-revenue-worldwide-by-segment) will exceed  $613 billion in 2025

Taking into account constantly developing mobile technologies and pandemic-induced constraints, it is safe to assume that these growth trends will be relevant in 2022. Therefore, the ability to run on mobile devices has become one of the main requirements for a modern web application. There are several ways to achieve this goal in practice. For instance, it is possible to build a native mobile app, apply responsive web design, make use of fastly-growing hybrid or cross-platform technologies (Flutter, React Native, Cordova, etc.) or opt for the PWA (progressive web application) approach that has been generating a lot of buzz in recent years. All these approaches have their pros and cons, therefore programmers have to carefully evaluate each of them to choose the right one for their web projects.

Another big field that has been seriously affected by the disease is cloud computing. But like mobile web development, cloud-based technologies (SaaS, IaaS, PaaS, etc.) have been booming during the pandemic. According to the US-based consulting company [Gartner](https://www.gartner.com/en/newsroom/press-releases/2021-08-02-gartner-says-four-trends-are-shaping-the-future-of-public-cloud), it is expected that global spending on cloud services will reach $396 billion by the end of 2021 compared to $313 billion in 2020, and $482 billion in 2022.

## Project Management Apps Rise in Demand
Using project management apps has become a regular practice for businesses of various scales for pursuing their objectives. The coronavirus outbreak also became a serious challenge for many project managers in regard to strictly following their plans.

![Impact of Covid on web development](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7m0a7gfh3refgwjgrii1.png)_Source: [2021 Project Management Insight Report](https://blog.feedbackloop.com/5-takeaways-2021-pm-insights-report)_

According to the latest PMI Insights report, only 12% of 500 interviewed project managers experienced slight or no shifts at all in their product roadmaps. That is why effective project management tools become more and more important in achieving desired production goals. 

Despite the crisis caused by the COVID 19 pandemic, [Statista](https://www.statista.com/statistics/203428/total-enterprise-software-revenue-forecast/) predicts that in 2021 alone, the overall expenses on enterprise software will be $601 billion, representing a 13.6 % increase compared to 2020, and even more in 2022 - $670 billion. 

Project managers require access to accurate and relevant project KPIs (key performance indicators) to make the right planning decisions. And special software solutions help gather the necessary data, thereby contributing to more effective project management.

![spendings on enterprise software](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ybmz5nmvpzmewbrgdjeo.png)_Source: [Statista](https://www.statista.com/statistics/203428/total-enterprise-software-revenue-forecast/)_

For those who plan to start building a project management app in 2022, it can be useful to consider some takeaways from the [Project Management User Survey 2021](https://www.capterra.com/project-management-software/user-research/) conducted by Capterra. Let us mention a few of them: 

- Among positive implications of using project management software, survey participants emphasized improved timeline estimation (60%), effective resource allocation (55%), and enhanced team communication (49%)

- In 2021, the main criteria affecting software purchase decisions are functionality (29%), price (18%), ease of use (17%), and customer support (13%)

- The list of the top three most desired project management functions includes Gantt charts (22%), burndown charts (21%), and automated workflows (20%)

- Interviewees complained about a steep learning curve (43%), numerous unused features (43%), integration issues (38%), and other negative factors that may occur when using ready-made software

DHTMLX's long-standing experience in working with programmers confirms that the factors listed in the last paragraph often become an insurmountable obstacle. That is why many companies prefer to invest in the development of custom project management apps that fully comply with their requirements.

## DHTMLX Expands Product Portfolio 

![Achievements of DHTMLX in 2021](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r4xk5u9b1zid0j5fd4f7.png)
The DHTMLX team has been closely following recent trends and the effect of COVID-19 on the industry. 
 
As an answer to the challenges of the last twelve months, the company continued our course on providing full-featured and easily customizable JS tools for project management. DHTMLX released a [JavaScript Kanban Board](https://dhtmlx.com/docs/products/dhtmlxKanban/) designed to help project managers with workflow visualization.
 
{% youtube YL6MWuHZMzs %}

The great thing about this tool is that it can be easily integrated with [DHTMLX Gantt](https://dhtmlx.com/docs/products/dhtmlxGantt/) and [Scheduler](https://dhtmlx.com/docs/products/dhtmlxScheduler/) components in a single app for covering most of project management needs.

Last year, the most significant updates were introduced in DHTMLX Diagram and Spreadsheet.

![DHTMLX Mind Map](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hcha35f7nqaeh41n33j7.jpg)

The [JavaScript diagramming component](https://dhtmlx.com/docs/products/dhtmlxDiagram/) comes with a new diagram type - mind map. Moreover, now DHTMLX Diagram allows clearly arranging processes in diagrams with swimlanes, grouping different shapes according to specific criteria, building hierarchical structures with two or more parent nodes, specifying assistants in org charts, and much more. 

![DHTMLX Spreadsheet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7tqj37aggcadayqm4mdj.jpg)

The [JavaScript Spreadsheet component](https://dhtmlx.com/docs/products/dhtmlxSpreadsheet/) was enriched with the ability to work with multiple sheets and cross-reference between them using 170+ new Excel math and string functions. Other notable additions include frozen columns, text and date formats, and TypeScript support.

The DHTMLX development team also focused on covering true-to-life usage scenarios of modern web apps and delivered three live demos: [hospital management](https://dhtmlx.com/docs/products/demoApps/dhtmlxHospital/#patients), [online examination](https://dhtmlx.com/docs/products/demoApps/dhtmlxExam/#exams), and [KPI tracker](https://dhtmlx.com/docs/products/demoApps/dhtmlxKPI/). These demos can be utilized by programmers as a basis for creating more complex DHTMLX-based apps faster.

Thanks to a large number of positive reviews on practical usage of DHTMLX products, the company received multiple awards from popular software review platforms such as G2, Crozdesk, Capterra, GetApp, and Software Advice.

In 2022, the DHTMLX team plans to focus on improving existing JavaScript components and expanding the product portfolio with new tools. And of course, they will continue providing high-quality and timely support for their customers in the implementation of their projects with DHTMLX.

_This article was originally published on the [JavaScript in Plain English](https://javascript.plainenglish.io/latest-web-development-and-javascript-trends-to-follow-in-2022-3d7f665aa5f7) platform on January 4th, 2022._