Check out the newest features and updates from Wijmo's first major release of 2020.
This minor release of Wijmo has some major features! This build includes a new wijmo.cloud module for easily connecting to Google Sheets, Firestore, and OAuth services.
It also includes a new touch module and a new WebGL rendering engine for charts with millions of data points.
We are introducing wijmo.cloud as a new module for more easily integrating cloud services into wijmo. The first integrations in this module are for connecting to Google services:
The GoogleSheet class makes it easy to show and edit data from Google Sheets in your Wijmo applications.
Google Sheets are easy to set up and use, and they perform well with relatively small datasets. Of course, they are not real databases. You should not use them to store large tables (say with a hundred thousand items), and you should not store mission-critical data in them. But they can be super useful in many situations, and many people have lots of data stored in Google sheets.
The Firestore and Snapshot classes make it easy to show and edit data from Firestore databases in your Wijmo applications.
Firestore is Google's new flexible, scalable NoSQL cloud database. They are designed to store and sync data for the client- and server-side development. Unlike Google Spreadsheets, Firestore is a real database. You can use it to store vast amounts of data, and it is much easier to set up and use than traditional SQL products.
The OAuth2 class makes it easy to integrate authentication with these Google services too.
WebGL Chart for Handling Millions of Points
We have had some customers that needed to render millions of points on a scatter chart. We have a lot of performance tuning in our SVG chart to render a lot of data with speed, but we can only do so much when working with many DOM elements. So for this scenario, we are introducing a WebGL chart renderer for FlexChart. This renderer is in a new wijmo.chart.webgl module. If you are working with charts with millions of data points, you should consider trying it!
Note, that WebGL rendering has certain limitations for now (like being unable to style chart elements with CSS). So it should only be used when needed.
We are introducing a new wijmo.touch module with a polyfill that makes drag-drop work on touch devices the same way it does on desktop machines.
We have improved labeled-control CSS class to make it easier to layout form labels in inputs in any app.
The following sample is added to demonstrate the feature: Chart\Performance\WebGL\Scatter
[React/Redux/ImmutabilityProvider] Added support for column bindings to nested properties, like 'persons[1].surname'.
[React/Redux/ImmutabilityProvider] Added cloningItem event, which allows you to use custom logic for cloning items before mutating in complex data scenarios.
Check out the Wijmo 5.20201.680 Build
_________________________________________________________________
Wijmo Build 5.20201.664 - April 7, 2020
We found a critical issue in build 5.20201.663 where FlexGrid was flickering when scrolled on iOS 13. We have fixed this issue as of build 5.20201.664. Please update to use the latest version of wijmo to ensure your applications run smoothly on iOS 13.
Build 5.20201.664 is available on NPM, CDN and to download from our website.
If you aren't able to quickly upgrade, you can alternatively add this CSS patch to your application:
.wj-flexgrid [wj-part=root] {
-webkit-overflow-scrolling: touch;
}
Check out the Wijmo Build 5.20201.664 Release
_________________________________________________________________
The latest version of Wijmo is fully CSP-compliant. It does not require you to add “unsafe-inline” or “unsafe-eval” to your CSP, nor does it require “nonces” or hashes. Our components can work seamlessly in your strictly secured JavaScript application without any compromises to your policy.
FlexGrid is offering the first enterprise solution for editable datagrids in React Redux applications!
FlexGrid updates the underlying data array typically with the changes made by a user via the grid. This approach doesn't work with state management systems, like Redux, which requires data immutability. This problem can be solved by the use of the ImmutabilityProvider extension component.
FlexGrid
FlexChart
Input Controls
Other Controls
Check out the Wijmo 2020 v1 Release
Related Links
Release Builds & Dates
Wijmo Build 5.20201.680 - May 8, 2020
Wijmo Build 5.20201.664 - April 7, 2020
Wijmo 2020 v1 - March 31, 2020