Frontend technologies in 2020. 5 key findings from the State of Frontend report

5 min

read

Frontend technology evolves super-fast with new solutions being introduced to the market almost daily. If you’re interested in web development, then you can probably guess what frontend developers and IT business like and use. We didn’t want to predict but to know for sure. That’s why The Software House created the biggest and most up-to-date source of knowledge about modern software development. In this article, we’ll sum up the key findings from the State of Frontend 2020 report.

This report has been created with the help of 4500 frontend developers from all across the globe who filled in our survey. Additionally, we asked a few software development experts, tech managers, authors and publicists to comment on the report’s results:

  • Yan Cui (AWS Serverless Hero),
  • Marek Gajda (CTO at The Software House),
  • Jessica Jordan (Developer Advocate at .cult),
  • Luca Mezzalira (VP of Architecture at DAZN, Author of “Building Micro-Frontends”),
  • Rocky Neurock (Engineering Team Lead at Honeypot.io),
  • Tim Neutkens (Head of Next.js at Vercel),
  • Guillermo Rauch (CEO of Vercel),
  • Tomek Rudzki (Head of R&D at Onely),
  • Dylan Schiemann (CEO of Living Spec, Co-Creator of Dojo),
  • Bartosz Skowroński (Head of Design at The Software House).

We wanted the State of Frontend 2020 to be a reliable source of information for both developers (who’d like to know which frontend languages are worth learning and which skills to improve) and tech managers (who’d like to plan the next business steps and make educated decisions about their development teams) interested in which direction the frontend solutions are heading.

What is frontend development?

Before we move on to the key findings from the State of Frontend 2020 report, I’d like to start with the basics for the readers who have recently started their work with web development.

Frontend development deals with creating the visual elements, layouts and features of a software/application/website that users directly view, access and interact with. The most important factors for frontend are accessibility, functionality and performance.

That should cover the most important info. If you’re new to the frontend and look for more educational materials, check out our other articles:

Alright, we got a bit of theory, now let’s focus on practice and the top five key findings from the State of Frontend 2020 report.

1. React is the most popular frontend framework. Period.

React completely dominated the survey – 74.2% of respondents use this JavaScript framework on a regular basis. That’s more than Angular and Vue.js combined! What is more, 67% of respondents would like to learn React/improve their React skills.

web development technologies frameworks React Angular Vue Svelte

What will the future hold? Angular seems to be the next in line to the frontend framework throne but it has trending competitors. The report shows that more developers are willing to learn Vue.js (45.2%) and Svelte (36%) than Angular (26.7%). Will Vue.js and Svelte receive more attention and outrun Angular in the foreseeable future?

💡 Read more: CTO’s guide to Svelte – what can the rising frontend framework do for you?

software development technologies frameworks React Vue Svelte Angular

Dylan Schiemann, who commented on this frontend framework result, didn’t seem so surprised. However, he predicts that this situation may not last forever:

“It seems that next-generation reactive frameworks may soon rise as lean alternatives to the React ecosystem. And it all has much to do with the rising popularity of TypeScript”.

💡 Read more: How to choose tech stack for your company? Tips and strategies

2. 75% devs used TypeScript and most of them prefer it over JavaScript

And what rising popularity it is! Quoting Dylan Schiemann: “With 77.2% of respondents already using TypeScript and most of them [54.3%] preferring it to JavaScript, it’s not surprising that frameworks are improving their support for TypeScript”.

It’s worth mentioning that React, Angular and even less popular frontend frameworks like Stencil and Dojo have already started to leverage TypeScript internally.

web development technologies TypeScript JavaScript framework

It seems that it’s not a fading trend either.

When asked about the future of Typescript, only 15.8% of surveyed developers stated that JavaScript will remain the most popular solution, and TypeScript will become obsolete.

Even if TypeScript doesn’t overtake JavaScript, it is absolutely sure that this frontend programming language will stay with us in years to come.  

TypeScript web development technologies developer tools

💡 Read more: Why did we convert our open-source tool from JavaScript to TypeScript?

3. No rain without AWS cloud

According to the survey, Amazon Web Services turned out to be the most popular cloud provider with 38.7% of votes. Surprisingly, Google Cloud Platform (14.2%) and Microsoft Azure (11.5%) combined have fewer users than AWS. Even a fairly new solution – Netlify got a better result (23.3%).

web development technologies web pages hosting cloud provider AWS web server data center

Yan Cui, who commented on the hosting aspect of the report, was expecting a variety of solutions. But what surprised him the most?

“For me, by far the biggest surprise from these results is that 44.3% of respondents are still deploying their applications to their own web servers! Once again, it’s a reminder that there is still a massive market for traditional DCs and that there are still many growth opportunities for public clouds”.

4. 52% of frontend web developers don’t care about SEO

IT marketing folks around the world, unite… because over 50% of web developers don’t give a damn about your precious SEO. For those who aren’t proficient in this subject – if you want your website to be successful on Google organically, you must take care of Search Engine Optimisation. SEO increases websites’ visibility by determining their position in the web search engine. So if you want to reach real users and Google robots alike, building a website with SEO in mind is a must.

web applications source code website SEO project

How can web developers take care of SEO? Tomek Rudzki advises:

“Make sure that Google can properly render JavaScript on your website. Dynamic rendering – I’ve seen websites presenting Googlebot with blank pages, causing their organic traffic to drop to zero. Thus, always make sure you thoroughly test if dynamic rendering works as expected”.

5. 92% of frontend developers work in software development teams.

It takes a village to develop software. 92% of the respondents stated they’ve worked as part of a development team during the last year.

Guillermo Rauch noticed that the way people operate in the team changes:

“Recent trends in frontend architecture and deployment infrastructure have influenced how developers collaborate with their team members. I’m looking forward to seeing more innovations in this space”.

💡 Read more: Software development team structure – who brings what to the table?

While it was quite obvious that most frontend developers would work in the software teams, the composition of these teams can raise a few eyebrows though.

developers in software development teams full stack user interfaces design

The first conspicuous thing is that half of the web development projects don’t include QA specialists!

Jessica Jordan notices that software testing and modern frontend development are inseparable subjects.

“It’s good to see that as much as 80% of frontend devs already perform software tests and numbers seem to be increasing over the years”.

Having said that, Jordan believes that excluding Quality Assurance specialists from software projects may result in poor user experience. QA and QAA teams are important because they manually test and verify that the feature requirements are fully met both in functionality and in design.

💡 Read more: ABC of QA. Why do you need a Quality Assurance Engineer?

The second conclusion is more positive: 70% of software teams had at least one UX/UI designer on board. It would seem that product designers aren’t considered a fleeting trend but rather a frontend design standard that must be upheld in successful software development projects. After all, you want your app to work great and look pretty!

Bartosz Skowroński shares that opinion:

“Nowadays, it’s becoming a standard for software development companies to have two kinds of designers on board – user-focused UX/UI designers and business-focused product designers. With product designers on board, software companies focus more and more on creating strategies and products that go together with the business goals of their clients”.

💡 Read more: What’s the difference between UX and UI design in software development?

Micro frontends, accessibility, Jamstack and much more

In this article, we only scratched the surface of the State of Frontend 2020. What about the future? Witold Ossera (the Head of Frontend Services at The Software House):

“I am personally startled that so many web developers expect the imminent death of Redux (34%) and CSS in JS (30%). I am extremely curious how this situation will play out and what the market response will be. What I’m 100% sure of is that the title of frontend framework number one will still belong to React. I predict that we will witness quite an exciting popularity contest for the second and third positions”.

The whole report covers more detailed issues that haven’t been mentioned here. Ossera picked a few interesting results that should engage any frontend developer or tech manager, including:

  • Most developers say that they do take care of application accessibility and know the basics of WCAG.
  • 24.4% of web developers have already used micro frontends.
  • Continuous Integration seems to become a frontend development standard, with many equally popular CI solutions to choose from.
  • 1/3 of respondents have built a Jamstack website lately and the numbers will probably grow in the next months.

📗 If you’d like to learn more, read the full State of Frontend 2020 report here.

📘 Also, you may want to check out our previous report: State of Microservices 2020.

What do you want to achieve?





You can upload a file (optional)

Upload file

File should be .pdf, .doc, .docx, .rtf, .jpg, .jpeg, .png format, max size 5 MB

Uploaded
0 % of

or contact us directly at [email protected]

This site is protected by reCAPTCHA and the Google
Privacy Policy and Terms of Service apply.

Thanks

Thank you!

Your message has been sent. We’ll get back to you in 24 hours.

Back to page
24h

We’ll get back to you in 24 hours

to get to know each other and address your needs as quick as possible.

Strategy

We'll work together on possible scenarios

for the software development strategy in sync with your goals.

Strategy

We’ll turn the strategy into an actionable plan

and provide you with experienced development teams to execute it.

Our work was featured in:

Tech Crunch
Forbes
Business Insider

Aplikujesz do

The Software House

CopiedTekst skopiowany!

Nie zapomnij dodać klauzuli:

Kopiuj do schowka

Jakie będą kolejne kroki?

Phone

Rozmowa telefoniczna

Krótka rozmowa o twoim doświadczeniu,
umiejętnościach i oczekiwaniach.

Test task

Zadanie testowe

Praktyczne zadanie sprawdzające dokładnie
poziom twoich umiejętności.

Meeting

Spotkanie w biurze

Rozmowa w biurze The Software House,
pozwalająca nam się lepiej poznać.

Response 200

Response 200

Ostateczna odpowiedź i propozycja
finansowa (w ciągu kilku dni od spotkania).

spinner