{"id":72979,"date":"2024-10-24T21:00:17","date_gmt":"2024-10-24T13:00:17","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=72979"},"modified":"2025-04-21T18:01:27","modified_gmt":"2025-04-21T10:01:27","slug":"whats-new-in-javascript","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/","title":{"rendered":"What’s New in JavaScript (2024)"},"content":{"rendered":"

JavaScript continues to grow and evolve. While new libraries are important, there\u2019s much more happening. The language itself is improving, there\u2019s a lot going on in the community, and the tools are rapidly advancing.<\/p>\n

Let\u2019s take a look at what\u2019s new in JavaScript.<\/p>\n

Vue.js Creator\u2019s New Company Raises .6M to Build Better JavaScript Tools<\/h2>\n
\n \"Vue.js\n<\/figure>\n

Evan You, who created the popular Vue.js framework, has launched a new company called VoidZero<\/a>. The company recently raised .6 million, led by Accel.<\/p>\n

VoidZero is working on new tools to make JavaScript development faster and easier. Their main project, called Oxc<\/a>, aims to help developers write and test code more efficiently.<\/p>\n

The company plans to release its first tool, Rolldown, later this year. This tool will work with Vite, another popular development tool. By 2025, they plan to release more features to help make JavaScript code run better and faster.<\/p>\n

They also plan to offer special versions of their tools for larger companies that need additional features.<\/p>\n

\n
Everything we\u2019ve open-sourced will remain open source. On top of our open-source projects, we will offer an end-to-end JavaScript tooling solution specifically designed to meet the scale and security requirements of enterprise environments.<\/div>\n<\/div>\n

Read more<\/strong>: VoidZero Announcement<\/a><\/p>\n

Next.js Conf, Next.js 15 (Release Candidate), and v0<\/h2>\n
\n \"Next.js\n<\/figure>\n

Next.js 15<\/strong> introduces key updates, including the @next\/codemod<\/a> tool for seamless upgrades, Turbopack<\/a> for faster development, and Async Request APIs<\/a> for improved rendering and caching. The release also enhances security with Server Actions, adds a Static Indicator for static route visibility, and offers TypeScript support in next.config.ts. Additional improvements include faster builds, better Fast Refresh, and expanded linting support with ESLint 9.<\/p>\n

Check out the full release here:<\/strong> Next.js 15 RC 2<\/a>.<\/p>\n

Inertia.js 2 (Beta)<\/h2>\n
\n \"Inertia.js\n<\/figure>\n

Inertia.js v2.0<\/strong> makes building apps smoother with some exciting new features! It now supports polling<\/a> to automatically check for updates, and prefetching, which helps load data for upcoming pages in the background. You can also use deferred props<\/strong><\/a> to speed up page loads by delaying non-essential data, and \u201cinfinite scrolling\u201d<\/strong> to merge content instead of overwriting it. Plus, it supports lazy loading<\/strong> of data when you scroll, and there\u2019s a new history encryption API to clear sensitive data when logging out for better security.<\/p>\n

Keep in mind that Inertia.js 2.0 is still in beta at the time of writing, so there may be some bugs. But it\u2019s definitely worth checking out, especially if you\u2019re planning to upgrade your Inertia.js application.<\/p>\n

Check out the full release here: Inertia.js 2.0<\/a>.<\/p>\n

Express.js Gets Major Update After 10-Year Wait<\/h2>\n
\n \"Express.js\n<\/figure>\n

Express.js<\/a>, a popular tool for building websites<\/a>, has just released version 5.0.0 \u2014 its first major update since 2014.<\/p>\n

The update focuses on keeping things simple and stable. The biggest change is that Express.js will now only work with newer versions of Node.js (version 18 and up). This means older websites will need to upgrade their systems to continue using Express.js.<\/p>\n

The team made this change to make Express.js faster and easier to maintain. They also wanted to show everyone that Express.js is active again. The update includes enhanced security features and support for newer coding methods, like Promises<\/a>.<\/p>\n

\n
This is also about signaling to the Node.js ecosystem that Express is moving forward again.<\/div>\n<\/div>\n

This update is important for web developers who use Express.js to build websites. They\u2019ll need to check if their websites require updates to work with the new version.<\/p>\n

Check out the full release: Introducing Express v5: A New Era for Node.js Framework<\/a>.<\/p>\n

React Aria Releases New Color Tools and Updates<\/h2>\n
\n \"React\n<\/figure>\n

React Aria<\/a><\/strong>, a popular React library<\/a> for building accessible components, has released several new features. The most significant update is a set of seven new color picker tools that are now available for everyone to use.<\/p>\n

These color pickers<\/a> are specially designed to work well with screen readers, making websites more accessible for users with visual impairments. Developers can customize how these color pickers look and function on their websites.<\/p>\n

The update also includes new features for buttons. Developers can now add loading spinners to buttons to indicate when an action is taking place after a click.<\/p>\n

React Aria is also testing new tools for building expandable menus and tree-like navigation structures. These features are still in testing but will help developers create more organized website navigation.<\/p>\n

Sidebar.tsx<\/h2>\n
\n \"New\n<\/figure>\n

Shadcn has added a new sidebar component<\/a> to their UI library. This component helps developers create sidebars for their websites more easily. It works with various website frameworks like Next.js, Remix, Vite, and Laravel. It has been built and tested with over 30 different sidebar styles, making it highly customizable for different use cases.<\/p>","protected":false},"excerpt":{"rendered":"

JavaScript continues to grow and evolve. While new libraries are important, there\u2019s much more happening. The language itself is improving, there\u2019s a lot going on in the community, and the tools are rapidly advancing. Let\u2019s take a look at what\u2019s new in JavaScript. Vue.js Creator\u2019s New Company Raises .6M to Build Better JavaScript Tools Evan…<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3392],"tags":[3497,4117],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nWhat's New in JavaScript (2024) - Hongkiat<\/title>\n<meta name=\"description\" content=\"JavaScript continues to grow and evolve. While new libraries are important, there's much more happening. The language itself is improving, there's a lot\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What's New in JavaScript (2024)\" \/>\n<meta property=\"og:description\" content=\"JavaScript continues to grow and evolve. While new libraries are important, there's much more happening. The language itself is improving, there's a lot\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-24T13:00:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:01:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/whats-new-in-javascript\/voidzero.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"What’s New in JavaScript (2024)\",\"datePublished\":\"2024-10-24T13:00:17+00:00\",\"dateModified\":\"2025-04-21T10:01:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/\"},\"wordCount\":793,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/whats-new-in-javascript\\\/voidzero.jpg\",\"keywords\":[\"Javascript Library\",\"Javascripts\"],\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/\",\"name\":\"What's New in JavaScript (2024) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/whats-new-in-javascript\\\/voidzero.jpg\",\"datePublished\":\"2024-10-24T13:00:17+00:00\",\"dateModified\":\"2025-04-21T10:01:27+00:00\",\"description\":\"JavaScript continues to grow and evolve. While new libraries are important, there's much more happening. The language itself is improving, there's a lot\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/whats-new-in-javascript\\\/voidzero.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/whats-new-in-javascript\\\/voidzero.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/whats-new-in-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What’s New in JavaScript (2024)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What's New in JavaScript (2024) - Hongkiat","description":"JavaScript continues to grow and evolve. While new libraries are important, there's much more happening. The language itself is improving, there's a lot","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"What's New in JavaScript (2024)","og_description":"JavaScript continues to grow and evolve. While new libraries are important, there's much more happening. The language itself is improving, there's a lot","og_url":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2024-10-24T13:00:17+00:00","article_modified_time":"2025-04-21T10:01:27+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/whats-new-in-javascript\/voidzero.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"What’s New in JavaScript (2024)","datePublished":"2024-10-24T13:00:17+00:00","dateModified":"2025-04-21T10:01:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/"},"wordCount":793,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/whats-new-in-javascript\/voidzero.jpg","keywords":["Javascript Library","Javascripts"],"articleSection":["Coding"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/","url":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/","name":"What's New in JavaScript (2024) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/whats-new-in-javascript\/voidzero.jpg","datePublished":"2024-10-24T13:00:17+00:00","dateModified":"2025-04-21T10:01:27+00:00","description":"JavaScript continues to grow and evolve. While new libraries are important, there's much more happening. The language itself is improving, there's a lot","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/whats-new-in-javascript\/voidzero.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/whats-new-in-javascript\/voidzero.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/whats-new-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What’s New in JavaScript (2024)"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-iZ5","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=72979"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72979\/revisions"}],"predecessor-version":[{"id":73888,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72979\/revisions\/73888"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=72979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=72979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=72979"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=72979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}