DEV Community

Cover image for The State of JS
Abdullah Bashir
Abdullah Bashir

Posted on • Edited on

The State of JS

The State of JavaScript, May 2023: Trends, Predictions, and What to Expect

The JavaScript landscape is continuously evolving, with new frameworks, libraries, and tools emerging every year. As we step into 2023, it's essential to take a closer look at the current state of JavaScript and anticipate the trends that will shape the future of web development. In this article, we'll explore the most popular frameworks, emerging technologies, and predictions for JavaScript in 2023.

1. TypeScript Continues its Ascend

As the popularity of JavaScript continues to grow, TypeScript has emerged as a powerful tool for improving the developer experience and mitigating the shortcomings of JavaScript. Over the past few years, TypeScript's popularity has skyrocketed, with more developers opting for the benefits of static types and better tooling support.

TypeScript vs. JavaScript Adoption

According to various developer surveys and usage statistics, the interest in TypeScript has been steadily increasing. In 2023, TypeScript is expected to gain even more traction, with a significant portion of developers choosing TypeScript over vanilla JavaScript for their projects.

Frameworks Embrace TypeScript

As the demand for TypeScript grows, many popular JavaScript frameworks, including React, Angular, and Vue.js, have embraced TypeScript and offer first-class support for the language. This trend is likely to continue in 2023, making TypeScript a critical skill for JavaScript developers.

Svelte abandons Typescript

Meanwhile, Svelte migrated JavaScript, relying on JsDoc annotations to fill in the hole that Typescript once filled, which is not actually a bad idea. In Rich’s words, “It’s not worth it". Note that this doesn’t stop anyone from using Typescript with Svelte. All they want to do is ditch the need for a build step in testing. The Svelte creator explains why they had to abandon Typescript for good ol' JavaScript in this short YouTube video.

2. React, Angular, and Vue.js: The Big Three

React, Angular, and Vue.js continue to dominate the frontend framework landscape in 2023. While other frameworks like Svelte and SolidJS are gaining momentum, the big three remain the go-to choices for most developers.

React: Maintaining Its Dominance

React continues to be the most popular JavaScript library for building user interfaces, thanks to its flexibility, performance, and extensive ecosystem. With the release of React 18, developers can expect even better performance and new features, such as concurrent rendering and improved server-side rendering capabilities.

Angular: A Robust Framework for Enterprise Applications

Angular remains a popular choice for enterprise applications, offering a comprehensive set of tools and features for large-scale projects. While its learning curve may be steeper compared to other frameworks, Angular's robustness and strong community support make it a reliable choice for complex, large-scale applications.

Vue.js: A Lightweight Alternative

Vue.js continues to gain popularity among developers looking for a lightweight, easy-to-learn alternative to React and Angular. With its flexible, component-based architecture and gentle learning curve, Vue.js is an attractive option for developers building small to medium-sized applications.

3. Svelte: A Rising Star

Svelte has been making waves in the JavaScript community, thanks to its unique approach to building frontend applications. Unlike other frameworks that rely on a virtual DOM, Svelte compiles your components into highly optimized JavaScript code during the build step, resulting in faster runtime performance and smaller bundle sizes.
I can now use normal HTML in my code🥺. I'm practically drooling. (Flipping my middle finger at JSX)

Rapid Adoption and Growing Interest

Developers' interest in Svelte has been growing rapidly, with many considering it a breath of fresh air in web development. As more developers explore the benefits of Svelte, we can expect its rising adoption to continue in 2023.

SvelteKit: A Full-Featured Framework

SvelteKit, a vite-powered framework built on top of Svelte, aims to provide developers with a comprehensive solution for building modern web applications. With features like server-side rendering, static site generation, and built-in support for various deployment targets, SvelteKit is poised to become a popular choice for developers in 2023.

4. The AI-Driven Development Tools

Artificial intelligence (AI) has been making strides in various industries, and web development is no exception. In 2023, we can expect AI-driven development tools like GitHub Copilot and ChatGPT to become even more integrated into developers' workflows.

AI-Powered Code Assistance

Tools like GitHub Copilot leverage AI to help developers write code faster and more efficiently by providing context-aware code suggestions. As these tools continue to improve, developers can expect to be more productive and write better code with the assistance of AI.

AI for Code Review and Bug Detection

AI-driven tools like ChatGPT can analyze code for potential issues, bugs, and suggestions, making the code review process more efficient and accurate. As AI technology advances, we can anticipate these tools to become even more sophisticated and invaluable in the development process.

Google breaks in
Google’s Bard was no match for ChatGPT in April. That’s old news. Google has released PaLM2 and Med-PaLM2 a generative large language Model (LLM) that can cause headaches for OpenAI’s ChatGPT. According to Google, it’s built on safety and responsible usage principles. It’s free to use for now, as long as you have a Google account. Bard is now supercharged with PaLM2, so it shouldn’t suck as much as it used to.

5. Web3 and the Rise of Decentralized Applications

The growth of Web3 and decentralized applications (dApps) is a trend that's expected to continue in 2023. With blockchain technology and cryptocurrencies gaining mainstream adoption, developers are exploring new ways to build decentralized applications using JavaScript.

Ethereum and EVM-Compatible Chains

Ethereum remains the leading platform for building dApps, with a vast ecosystem of tools and libraries available for JavaScript developers. Layer 2 solutions and side-chains like Polygon are also gaining traction, offering developers more options for building scalable and efficient dApps.

Frameworks for dApp Development

Frameworks like Drizzle and Hardhat provide JavaScript developers with powerful tools and abstractions to build, test, and deploy dApps on Ethereum and EVM-compatible chains. As the Web3 ecosystem expands, we can expect more frameworks and tools targeting decentralized application development to emerge.

Amazon dumps Microservices for Monolith
Amazon has finally come to understand why Microservices are a bad idea for them. This comes from a case study from the Prime Video team at Amazon. They replaced it with a monolith and saved themselves a staggering 90% on operating costs, along with removing all the complexity of Microservices. Read the case study here.

6. Framework-Agnostic Components

The concept of framework-agnostic components is gaining popularity as developers seek to build more reusable and flexible code. These components can be used across different frameworks, freeing developers from the constraints imposed by specific frameworks.

Web Components

Web Components are a set of web platform APIs that allow developers to create reusable, encapsulated components that work seamlessly across different frameworks. As browser support for Web Components continues to improve, we can expect their adoption to increase in 2023.

Micro-Frontends

The micro-frontend architecture is another trend that promotes the use of framework-agnostic components, allowing developers to break down large applications into smaller, more manageable pieces. By decoupling frontend components from specific frameworks, micro-frontends enable greater flexibility and scalability in application development.

7. Server Rendering and Static Site Generation

Server-side rendering (SSR) and static site generation (SSG) have been gaining popularity as developers look for ways to optimize web application performance and improve search engine optimization (SEO). In 2023, we can expect these techniques to become even more vital in the world of JavaScript development.

Next.js: A Leading Solution for SSR and SSG

Next.js has established itself as a popular choice for developers looking to implement SSR and SSG in their React applications. With its powerful features and seamless deployment experience, Next.js is poised to continue its growth in 2023.

Nuxt.js and Angular Universal

Other frameworks, like Nuxt.js for Vue.js and Angular Universal for Angular, also offer solutions for server rendering and static site generation. As the need for performance optimization and better SEO continues to grow, we can expect these frameworks to gain more traction in the coming year.

Conclusion

A lot has been happening this year. A lot more is bound to happen, especially with the AI craze all around us, and it's best to keep informed.

--

Just a quick general rundown of what's been happening since you went to Mars 😵🚀
Follow me so I can keep you in the loop🤓

Top comments (4)

Collapse
 
wekkel profile image
Wekkel

Wonderful summary. Very helpful. I started coding plain JS for some 'low level fruit' projects by using ChatGPT. It does not always give 100% working code but with good prompts you'll be able to debug most errors.

I should try Typescript some time.

Collapse
 
digitaldrreamer profile image
Abdullah Bashir

Thanks for taking the time to leave a comment. I personally use JSDoc. I feel it's more natural and more javascript-like. And that's true about ChatGPT. I feel it should get better with time though.

Collapse
 
jeverduzco profile image
Jesús Verduzco

Vue is love ♥️

Collapse
 
digitaldrreamer profile image
Abdullah Bashir

Yeah. Vue is a nice choice