DEV Community

Cover image for JavaScript News, Updates, and Tutorials: October 2024 Edition
Pavel Lazarev
Pavel Lazarev

Posted on

JavaScript News, Updates, and Tutorials: October 2024 Edition

Hello everyone! October has been an eventful month on the JavaScript landscape. We at DHTMLX rolled out a highly-anticipated major update of our JS Gantt component. Significant releases also occurred in SVAR, Deno, and Svelte projects.

Apart from that, Evan You presented a new toolchain for JavaScript. We will review these releases in this post and add a traditional pack with JS tutorials and other useful materials.

New Releases and Updates

Meet DHTMLX Gantt 9.0

Development teams around the world have always admired DHTMLX Gantt for its extensive feature set that allows managing workflows in projects of any complexity. With the recent release of version 9.0, we hope that our Gantt will also be loved for its new theming and styling capabilities.

Development teams around the world have always admired DHTMLX Gantt for its extensive feature set that allows managing workflows in projects of any complexity. With the recent release of version 9.0, we hope that our Gantt will also be loved for its new theming and styling capabilities.

In v9.0, our dev team fully overhauled the existing Gantt themes and added a new Dark option. The themes are updated in line with modern design practices, enhancing both visual appeal and usability. To reduce the need for custom styling efforts, we introduced the possibility of customizing various Gantt elements like icons or links using CSS variables.

Apart from that, we also implemented a range of useful configuration options that will certainly contribute to more effective project management. The list of novelties includes manually scheduled summary tasks, built-in support for baselines, built-in visualization of deadlines and constraints, and sticky labels for time scales.

The new Gantt version enables you to build a modern-looking Gantt chart with new capabilities for managing project tasks conveniently. Learn more in the release article.

SVAR UI Widgets: New React DataGrid and Improved Svelte Gantt Chart

The SVAR team has released an open-source React DataGrid component that combines blazing-fast performance with advanced features like tree data view, context menu, flexible column layouts, and rich in-cell editing options (including combo, date picker, text and rich select).

There’s also a piece of news for Svelte developers: the SVAR Svelte Gantt chart has been updated to feature auto-calculated summary tasks, intuitive sorting, and optimized batch requests. With this latest release, SVAR Gantt offers a professional way to track tasks, project timeline and progress.

Svelte 5.0 is Finally Here

After 1,5 years of preparatory work, the Svelte team finally presented the long-awaited stable release of the popular JavaScript framework. The new version 5.0 is said to be the most significant release in the Svelte’s history. Let us see what’s so special about it.

Many developers like this framework for its simplicity and reactivity. But nothing is perfect and rapidly changing requirements stimulate the product’s progress. For instance, the use of Svelte in large projects unveiled its shortcomings in reactivity.

The updated framework provides a new mechanism for declaring a reactive state called runes. It is expected to become a game-changer and an effective solution in dealing with existing reactivity issues.

The development team also modified the event handling process. Moreover, Svelte now comes with native TypeScript support. More info on v5.0 can be found in this article.

Introducing Deno 2.0

Many developers were not very enthusiastic about the appearance of Deno and doubted the prospects of this project back in 2018. But for several years now, Deno has been steadily growing in functionality and popularity among programmers.

Recently, Ryan Dahl’s team presented a new version of Deno, which shows the seriousness of the team’s intentions to give a real fight to the generally recognized (but not ideal) Node.js.

When looking through a considerable list of updates included in v 2.0, the first thing that catches one’s eye is that Deno is now backward compatible with Node.js and npm. In other words, this novelty allows seamlessly running existing Node.js projects and simultaneously benefiting from Deno’s strengths.

This major feature will certainly contribute to faster Deno adoption. Much effort was directed toward making Deno more performant in real-case scenarios. For more details on v2.0, visit the Deno blog.

What’s New in Next.js 15

If you look through the latest editions of popular surveys such as State of JS or Developer Survey, you will certainly find Next.js among the top frameworks. Built on top of React, this tool can be effective in handling both front-end and server-related tasks. The development team of this project fuels interest in the product by delivering regular updates. So let us take a look at the new Next 15.

Although, currently React 19 has an RC status, Next 15 comes with full support for the upcoming React update and its new features. In version 15, you can also find numerous improvements in catching semantics that should have a positive impact on performance.

One more noteworthy addition of v15 is a stable release of Turbopack Dev, an incremental bundler optimized for JavaScript and TypeScript. Read the release article to get an absolute impression of the new Next.js capabilities.

VoidZero: New Toolchain for JavaScript from Evan You

Evan You is a well-known figure in the dev community, primarily as the creator of two popular dev tools — Vue.js and Vite. Despite numerous existing achievements, he continues working on new promising projects.

During the work on a new bundler for Vite’s needs, Evan You faced existing challenges of the JS ecosystem such as fragmentation, incompatibilities, etc. This led to the development of a new toolchain for JavaScript named VoidZero. This project raised $4.6 million in seed funding.

The dev team of the project already delivered crucial elements of the toolchain such as a JS parser, Node.js-compatible resolver, TypeScript/JSX transformer, linter, and more. This article offers more curious insights on VoidZero and Evan You’s plans for the future.

Useful Tips and Articles

Building a JS Gantt Chart with a Resource Panel in Salesforce with DHTMLX

Many dev teams prefer implementing their business apps in cloud-based environments like Salesforce. Our devs continue adapting our popular JS components for use on the Salesforce platform. The list of helping materials now includes a new demo that demonstrates an example of building a Gantt chart with a resource panel for Salesforce. With the demo highlighted in this post, it will be easier to keep track of workflows and resource allocation within a Gantt chart.

Handling Data Management Issues with JavaScript Grid Components

When developers are requested to implement data tables (or simply grids) for managing complex data on a web page, they often resort to using ready-made UI components to facilitate this objective. Such tools often help to overcome various difficulties during the development process that are frequently associated with high demands on performance, scalability, customization, and data handling capabilities. This article elaborates more on challenging data management requirements and offers three popular JavaScript data tables that help address emerging issues.

Tips on Securing Browser Extensions with CodeQL

Modern web browsers offer a wide range of extensions that can enrich default browser settings. Ordinary users and professional programmers can benefit from the convenience and extra features provided by browser extensions. As more people count on such extensions to achieve various goals, it becomes crucial to ensure their security. The author of this article highlights the structure of a browser extension, possible security issues, and how the use of CodeQL can enhance the extension security level.

Choosing the Right Folder Structure for a Web Project

Choosing the proper folder structure for a web project is essential for maintaining organization, readability, and scalability. A well-structured project also facilitates debugging and updating, especially as the project grows with time. Setting up the folder structure depends on factors such as the project’s scale, the tech stack, team size, specific project requirements, etc. Сheck out this video, if you want to learn how to do it without any problem. It explains how to create a folder structure that will be easy to maintain, refactor, and work in.

Debunking SEO JavaScript Myths in Google Search

You’ve probably heard many controversial claims about how Google Search indexes JavaScript like “Google treats JS pages differently”. Understanding how search engines like Google actually handle JavaScript for optimizing web projects in terms of SEO. The MERJ and Vercel’s research dives deep into this topic and provides many valuable insights.

This article was originally published on Medium.

Top comments (0)