First of all, we are happy to say that this month has been very fruitful for the DHTMLX development team, as we’ve rolled out two major updates for our JS libraries — Spreadsheet 4.0 and Vault 4.0.
Professional programmers who use Node.js, React, Webpack in their projects also must be excited to learn about novelties included in new versions of these products.
New Tools and Updates
Node.js 15.0 Comes Out Together with NPM 7.0
Lately, Node.js, a popular server-side JS runtime environment, has been subjected to serious criticism for its design flaws and many web developers consider Deno as a viable alternative to Node.js. However, the Node.js development team stays optimistic about the potential of their product and the recent update to version 15.0 may strengthen their hopes.
The new Node.js is most notable for dealing with the issue of unhandled rejections via throw behavior, new N-API version that brings along extra methods for manipulating binary arrays (ArrayBuffers), and support for the latest version of npm.
npm is the default package client for Node.js and its v7.0 has also introduced a lot of highly anticipated features that are aimed to provide significant assistance for web developers in managing their packages. For example, users of npm now can benefit from workspaces, improved support for peer dependencies, and the inclusion of yarn.lock.
React 17.0 is Released
The React development team has finally announced the long-awaited major update of this popular framework. The official release does not bring any surprises regarding the essence and content of v17.0 disclosed in the release candidate back in summer.
The thing is that the new version of React is not about introducing new features but rather focusing on making the framework more flexible when it comes to migration to the new React versions. Now web developers who use React for creating apps can adopt new versions gradually or all at once. It is also worth mentioning that v17.0 comes with support for a new JSX transform and some useful fixes for bugs detected in previous versions. The React blog article provides deeper insights into the update peculiarities.
Webpack 5 is Here
The release includes a lot of new features and major improvements, but to integrate them the development team had to perform some breaking changes. The most significant improvements are quicker build times and reduced bundle sizes that have been achieved thanks to the adoption of module federation and modified behavior of the Node.js polyfills. If you are interested in getting a more comprehensive overview of this major update, check the release article.
Introducing DHTMLX Spreadsheet 4.0
The new v4.0 provides a lot of novelties and enhancements to the existing feature set of our JS library. From now on, our Spreadsheet component also allows using TypeScript, applying a new text format, and making static columns on the left side of a web spreadsheet, while other columns remain scrollable. But the main feature of this big update is the addition of math formulas. Numerical calculations are essential for conducting business matters in spreadsheets and 25 new math functions can be really helpful. Moreover, there are also 9 string functions that increase the number of text formatting options. Read this article to find more details on the update.
Announcing DHTMLX Vault 4.0
This major update brings along a bunch of new features and helpful improvements. For example, web developers can take advantage of TypeScript support to accelerate the development process and apply new events to add more interactivity to top their applications. End-users, in turn, now are able to manage several files simultaneously, easily reorder files with drag-and-drop, and, if necessary, switch between Grid and List modes for handling uploaded files more conveniently. Visit our blog to get complete information on this release.
The American internet giant Google has recently launched sponsoring a research program aimed at enhancing the security level of browser JS engines via fuzz testing. This type of testing is quite costly and time-consuming, that is why Google is ready to provide funding of five thousand dollars to the involved parties. To take part in this promising initiative, all bug hunters should put forward a proposal with details on their approach to this problem. If approved participants will receive extra bug bounty payments for the reported bugs. The program will continue until October 1, 2021. Learn more details on the program right here.
Useful Tips and Articles
Tree diagrams are extensively used in various fields for presenting data in a hierarchical way. For instance, they are frequently utilized in business for building organizational charts (or simply org charts). The usage of org charts can provide numerous benefits to the quality of staff management in any large company. This type of diagram can be very helpful when it is necessary to clearly visualize the reporting structure of a given company, help newcomers to be smoothly integrated into the company environment, and facilitate better workload management.
Utilizing JS Timeline Charts in DHTMLX Libraries
Modern B2B or corporate web applications commonly include a timeline functionality to show different business activities in chronological order. DHTMLX project management components allow web developers to take advantage of multiple timeline-related capabilities.
DHTMLX Gantt provides a number of time configuration and time scale options for the JS timeline, zooming and navigation features for monitoring projects with many tasks along the timeline. The DHTMLX Gantt timeline also supports RTL mode and can be used for improved resource management within the project. DHTMLX Scheduler that is used for creating fully customizable business event calendars also includes the Timeline view with several modes. This view serves to vividly show business activities over time. It can be complemented with custom HTML content, navigation helpers (horizontal scroll and auto-scrolling), and other useful features. More details on the topic in this article.
Real Cases of DHTMLX JS Libraries Customization