What are The Most In-Demand Frontend Frameworks in 2020?

2,638
LogRocket
Record and Replay for Redux apps

The “State of JavaScript 2019” report offers a glimpse into the future of frontend development. In this article, we’ll review the report, break down key takeaways, and explore some frameworks that are poised to take center stage in 2020.

What is the ‘State of JavaScript?’

The “State of JavaScript” report is an annual survey that records and — thanks to guest data visualization expert Amelia Wattenberger — beautifully illustrates the opinions of more than 21,000 developers around the world. First issued in 2016 by designer and developer Sacha Grief, the latest edition covers frontend web development frameworks, databases, state management, relationships between frameworks, reception and ease of use, languages that compile to JavaScript, mobile frameworks, build tools, JavaScript testing tools, and a whole lot more.

In my opinion, the “State of JavaScript” report is the first JS-only developer survey to gain universal respect in the JavaScript community. Other popular resources include StackOverflow’s annual developer survey and Jetbrain’s “State of Developer Ecosystem” report, which query roughly 90,000 and 7,000 respondents, respectively.

Top frontend development frameworks

To start, let’s take a look at the most in-demand frontend development frameworks based on factors such as awareness, overall happiness, usage by company size and salary range, show of interest, ease of use, and reach.

React

According to the report, React is a “declarative, efficient, and flexible JavaScript library for building user interfaces.” Built by Facebook, React makes it simple to create interactive user interfaces. The framework is designed for building component-centric applications and with backward compatibility in mind, so you can rest assured of its longevity. React has almost 3 million users and a massive developer community.

The “State of JavaScript” survey revealed a surge in interest retention from 64 percent to 71 percent over a 12-month period. On the flip side, the number of respondents who do not want to use react again increased by 2 percent. Virtually every JavaScript developer has heard about React, and the percentage of developers who are not interested decreased from 9 percent to 7 percent this year.

Vue.js

Vue.js is a very progressive framework for building user interfaces. It consists of an approachable core library that focuses on the view layer only and an ecosystem of supporting libraries to help you tackle complexity in large single-page applications. Evan You created Vue with the help of hundreds community members, and developers have used the framework in nearly 1.2 million projects, according to GitHub data.

Vue.js experienced massive growth in the last 12 months, and the survey data suggests the knowledge gap is closing: 34 percent of developers want to learn Vue, down from 47 percent in the previous report — an indication that many developers have gone from wanting to learn the framework to actually using it. In addition, retention rates skyrocketed from 28 percent to a whopping 40 percent.

By now, most JavaScript developers have heard of Vue.js. There is still a knowledge gap and a lack of beginner content, but the Vue team and community seem to be on top of those minor drawbacks. In fact, the composition API forthcoming in Vue 3 could help alleviate these concerns.

Angular

Google’s Angular empowers developers to build applications that live on the web, mobile, and desktop. The framework combines declarative templates, dependency injection, end-to-end tooling, and integrated best practices to solve development challenges. It has a useful CLI, so beginners can easily get started. There is even a GUI client called Console.

Angular did not have a great year for retention. Compared to last year, the survey revealed a 2 percent drop in the number of people who have used and would continue to use Angular. The overall interest level in Angular also dropped by about 1 percent. Will the fast and lightweight Ivy renderer forthcoming in Angular 9 help boost the interest level among JavaScript developers?

Preact

Preact is a JavaScript library that is branded a faster 3kB alternative to React JS that uses the same modern browser API with structures like components and a virtual DOM. More than 18,000 projects use Preact, and it has nearly 25,000 stars on GitHub.

Preact has experienced a good level of growth since last year, with retention rate up to 9 percent from 6 percent last year. Awareness has also risen; the number of people who have not heard of the library fell from 28 percent to 24 percent in the last 12 months.

Ember

Ember is an open-source JavaScript web framework that is based on the model-view-view-model pattern. It allows developers to create scalable, ambitious single-page web applications by incorporating common idioms and best practices into the framework.

The survey revealed an increased interest in Ember over the past 12 months, with the percentage of people who were not interested in Ember falling from 67 percent to 64 percent.

Svelte

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks such as React and Vue do the bulk of their work in the browser, Svelte shifts that work to a compile step that happens when you build your app. Instead of using techniques such as virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

This year, Svelte became one of the top six JS frontend libraries, with nearly 45 percent of developers indicating an interest to learn it. The report’s authors also named Svelte the winner of its “Prediction Award,” recognizing the library for its “explosive debut” in 2019.

JavaScript frameworks to watch in 2020

Survey respondents ranked React as the top frontend framework in terms of developer satisfaction, followed by Svelte, Vue, Preact, Angular, and Ember, in that order. Meanwhile, Svelte led the pack in terms of overall interest, followed by Vue, React, Preact, Angular, and Ember, respectively.

Svelte is the frontend framework to look out for in 2020, and Vue JS is well-positioned for massive growth in 2020 as well. As for compensation, React developers are still the highest-paid JS developers, followed by Vue and then Angular. The majority of developers surveyed indicated that pace of change in the JavaScript ecosystem is slowing compared to recent years.

Conclusion

For all the valuable insight the survey generated, one glaring gap remains: a lack of female developers lending their perspective. Of the roughly 21,000 respondents, only 1,155 — about 6 percent — were female. Unfortunately, this may be reflective of the JavaScript developer ecosystem overall, and it needs to change.

For a more complete outlook on the state of JavaScript in 2020, read the full report.

Plug: LogRocket, a DVR for web apps

LogRocket is a frontend application monitoring solution that lets you replay problems as if they happened in your own browser. Instead of guessing why errors happen, or asking users for screenshots and log dumps, LogRocket lets you replay the session to quickly understand what went wrong. It works perfectly with any app, regardless of framework, and has plugins to log additional context from Redux, Vuex, and @ngrx/store.

In addition to logging Redux actions and state, LogRocket records console logs, JavaScript errors, stacktraces, network requests/responses with headers + bodies, browser metadata, and custom logs. It also instruments the DOM to record the HTML and CSS on the page, recreating pixel-perfect videos of even the most complex single-page apps.

Try it for free.

LogRocket
Record and Replay for Redux apps
Tools mentioned in article
Open jobs at LogRocket
Developer Advocate
Boston, MA
Get in on the ground floor at one of Boston's top startups and help solve a huge challenge for developers: understanding customer experience. We're looking for a highly motivated technologist to join our team as a Developer Advocate and help grow the LogRocket brand. Our Developer Advocate will continue to foster LogRocket's relationships within the web development community, keeping tabs on what product teams need to improve customer experiences. Additionally, the Developer Advocate will help users understand LogRocket’s benefits and value proposition. As a Developer Advocate, you will be speaking for LogRocket, so it’s essential that you create and cultivate LogRocket's voice through all of your outbound interactions. You should be excited about talking to frontend engineers all day with the aim of creating and empowering a strong LogRocket community. 
  • Grow online communities: social/Dev.to/Reddit/etc.
  • Product marketing: Address common user questions with website copy, docs, and blog posts
  • Team activation: Help activate and educate high-value teams and identify potential case studies and customer references
  • Content: Working with our Content Director, you’ll contribute regularly to our editorial calendar. Topics will have a broad scope, from educational content creation (resources, tutorial), to thought leadership and some product marketing
  • Over time, help build out our developer advocate team by training and mentoring new LogRocket team members

  • Engineering background and ability to get into the nitty gritty of frontend engineering
  • Strong technical writing skills
  • Ability to move fluidly between strategy and execution
  • Experience creating and distributing content across multiple platforms
  • Excellent communicator, natural bridge-builder and conflict defuser
  • Self-motivated and organized, ability to work independently
  • Competitive salary and equity package
  • Health, dental, and vision plans
  • Unlimited vacation time and generous holiday breaks
  • Culture of learning and development
  • 401k and commuter benefits
  • Catered lunch
  • Senior Engineer - Mobile
    Boston, MA
    Get in on the ground floor at one of Boston's top startups and help us solve a huge challenge for developers and product teams - understanding customer experience. LogRocket is the first system that gives these teams complete visibility into their customer's experience using their web apps - through pixel-perfect replays of user sessions and clear insight into logs, errors and network activity. We've already attracted an elite roster of customers (such as Reddit, Bloomberg and NBC) and recently raised a $15M Series B to continue building a world-class product and team. We’re looking for an experienced developer to join our team as the first Senior Mobile Engineer. This person will play a critical role in leading our mobile initiatives and expanding LogRocket's services to the mobile developer market. As the Senior Mobile Engineer, your extensive engineering background and knowledge will prove to be vital for delivering our first-of-its-kind mobile product to LogRocket customers. If you love building tools for other developers and solving exciting challenges, let’s talk!
  • Lead all initiatives related to native mobile support
  • Own the development, launch, and support of new mobile features
  • Monitor early adoption and leverage user feedback to make improvements
  • Work directly with customers and internal stakeholders to troubleshoot complex issues
  • Identify opportunities to increase adoption of LogRocket's mobile solution
  • You’re passionate about developer tools, with an extensive engineering background
  • Experience designing, building, testing, and delivering in agile environment
  • Deep knowledge of mobile frameworks at the OS level (iOS and Android)
  • Familiar with latest mobile application trends and technologies
  • Strong collaboration and communication skills
  • You get excited about low-level performance tuning and optimizing bandwidth usage
  • You're interested in compilers
  • You have a history of working with applications focused on security and privacy
  • Catered lunch throughout the week and a fully stocked kitchen with all your favorite snacks (healthy AND non-healthy)
  • Open vacation policy - we all work hard and take time for ourselves when we need it, no strings attached
  • Extensive Health, Dental, Vision benefits paid for by us, along with 401k and Commuter benefits
  • Generous stock options - we all get to own a piece of what we’re building
  • Regular team outings and activities (craft nights, boat cruises, excursions out of the city, and many more!)
  • Flexible working hours and location
  • Ample opportunities to learn and take on new responsibilities in a fast-paced, growth-mode startup
  • Rust Software Engineer
    Boston, MA
    Rust Software Engineer Get in on the ground floor at one of Boston's top startups and help us solve a huge challenge for developers and product teams - understanding customer experience. LogRocket is the first system that gives these teams complete visibility into their customer's experience using their web apps - through pixel-perfect replays of user sessions and clear insight into logs, errors and network activity. We've already attracted an elite roster of customers (such as Reddit, Bloomberg and NBC) and recently raised our Series B to continue building a world-class product and team. About the Role We’re looking for an experienced software engineer to lead LogRocket's expansion to the mobile developer market. You will be working on our SDK that provides LogRocket's monitoring and session replay functionality to native iOS and Android apps, working closely with business and technical leadership to bring this new product to market. We chose Rust to power our SDKs for its performance, portability, and ease-of-use. It also helps that it’s just plain fun to work with :)
  • Lead all initiatives (development, launch and support) related to our native mobile SDKs
  • Monitor early adoption and leverage user feedback to make improvements
  • Work directly with customers and internal stakeholders to troubleshoot complex issues
  • Identify opportunities to increase adoption of LogRocket's mobile solution
  • You get excited about low-level performance tuning and optimizing bandwidth usage
  • Experience designing, building, testing, and delivering in agile environment
  • Ability and interest to write production-quality Rust code (or strong desire to learn Rust)
  • Strong collaboration and communication skills
  • Experience building native iOS and/or Android SDKs
  • You have a history of working with applications focused on security and privacy
  • Catered lunch throughout the week and a fully stocked kitchen with all your favorite snacks (healthy AND non-healthy)
  • Open vacation policy - we all work hard and take time for ourselves when we need it, no strings attached
  • Extensive Health, Dental, Vision benefits paid for by us, along with 401k and Commuter benefits
  • Generous stock options - we all get to own a piece of what we’re building
  • Regular team outings and activities (craft nights, boat cruises, excursions out of the city, and many more!)
  • Flexible working hours and location
  • Ample opportunities to learn and take on new responsibilities in a fast-paced, growth-mode startup
  • Site Reliability Engineer
    Boston, MA
    Site Reliability Engineer LogRocket's mission is to help engineering and product teams create excellent experiences for their customers. By recording videos of user session, along with logs and network data, LogRocket intelligently highlights UX issues and surfaces the root cause of every bug. In this role, you'll build and maintain the tooling and infrastructure that allows LogRocket and our customers to deploy, scale, and monitor a high-throughput event processing system. You will handle on-call events, help with issue resolution, own post-mortems, and advocate for changes to improve the stability and security of the platform. For customers with on-premise hosting, you will be a technical resource to help them effectively run LogRocket in uniquely constrained environments across a variety of cloud offerings. We recently raised a $15M Series B and are currently doubling in usage every few weeks. It's a great time to join!
  • Work with members of the engineering team to identify and resolve spikes in processing latency in our ingestion worker pool
  • Help build tools to streamline the onboarding and release process for customers using LogRocket's On-Premise offering
  • Collaborate with our sales engineers to set up a customer’s LogRocket installation in a completely air-gapped environment
  • Overhaul a fleet of nginx load-balancers handling 100s of thousands of requests per second without incurring downtime
  • Automate database scaling to improve operating cost while maintaining the ability to respond to traffic spikes
  • Familiarity with the state of the art in cloud technologies, including common providers, specific tools of the trade, and their strengths and weaknesses
  • Experience operating applications and databases with demanding scalability or availability requirements
  • Proven expertise in modern container orchestration practices (we use Kubernetes on GKE)
  • A strong understanding of the performance, architecture, tooling, and cost of cloud systems
  • A security focused mindset with a solid understanding of incident response and risk mitigation
  • A strong collaborator who is transparent about progress on tasks, seeks feedback early and often, works effectively with the team and customers
  • Catered lunch throughout the week and a fully stocked kitchen with all your favorite snacks (healthy AND non-healthy)
  • Open vacation policy - we all work hard and take time for ourselves when we need it, no strings attached
  • Extensive Health, Dental, Vision benefits paid for by us, along with 401k and Commuter benefits
  • Generous stock options - we all get to own a piece of what we’re building
  • Regular team outings and activities (craft nights, boat cruises, excursions out of the city, and many more!)
  • Flexible working hours and location
  • Ample opportunities to learn and take on new responsibilities in a fast-paced, growth-mode startup
  • Verified by
    You may also like