Neuigkeiten zu React

Erstellen einer React-Wetter-App mit Wijmo-Messanzeigen

März 12, 2024
Erfahren Sie, wie Sie eine funktionsbasierte React-Komponentenanwendung erstellen, die Wetterinformationen aus der OpenWeatherMap-API abruft.

Auf Englisch weiterlesen:

Wijmo is a complete collection of extensible, fast, flexible JavaScript UI components written in TypeScript. The framework-agnostic Wijmo components include first-class support for top frameworks including Angular, React, Vue and Web Components. Wijmo Enterprise has over 100 dynamic JavaScript UI components to help cut your development time in half, allowing you to build lightweight, high-performance JavaScript applications using your favorite JavaScript framework.

In this blog post, MESCIUS Technical Engagement Engineer Andrew Peterson shows you how to utilize the Wijmo Gauges - along with the OpenWeatherMap API - to build a React app to display the current weather. Steps include:

  • Setting up the React app
  • Installing Packages
  • Getting the OpenWeatherMap API Key
  • Creating the Weather Component
  • Integrating WeatherComponent into the App
  • Adding the Wijmo Gauge and Styling

Read the complete blog to explore this powerful and rich capability.

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

For more information, visit our Wijmo product page.

Erweitern Sie Ihre React-Apps mit der Dokumentenbearbeitung

März 7, 2024
TX Text Control .NET Server for ASP.NET nutzt das React-Framework zum Erstellen von Apps für das Bearbeiten und Anzeigen von Dokumenten.

Auf Englisch weiterlesen:

TX Text Control .NET Server for ASP.NET is a server-side component that equips your web applications with a powerful, MS Word-compatible document editor. This allows you to develop applications that generate and edit various document formats (RTF, DOCX, PDF, etc.) on the fly, using data from databases or files. It also boasts features like PDF generation and a browser-based editor with a familiar MS Word-inspired interface, ultimately enhancing the document processing capabilities of your ASP.NET web applications.

TX Text Control .NET Server now includes React npm packages. These client-side packages seamlessly integrate with TX Text Control .NET Server, which acts as the powerful backend engine for the Document Editor and Document Viewer components. Empower your users with an Microsoft Word-like document editor, accessible from any HTML5 browser.

TX Text Control .NET Server for ASP.NET is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. Run time licenses are required for the deployment to production servers. See our TX Text Control .NET Server for ASP.NET licensing page for full details.

For more information, visit our TX Text Control .NET Server for ASP.NET product page.

Integrieren von Drillthrough-Diagrammen in Webanwendungen

Februar 23, 2024
JavaScript-Drillthrough-Diagramme ermöglichen es Benutzern, einfach durch mehrere Datenebenen zu navigieren und sich auf bestimmte Datenpunkte zu konzentrieren.

Auf Englisch weiterlesen:

ActiveReportsJS is a reporting tool for web applications that allows developers and report authors to easily design and display reports within their applications. With a wide range of features, such as drill-down, runtime data filtering, and parameter-driven reports, as well as compatibility with popular frameworks, ActiveReportsJS simplifies the process of creating and managing reports.

In this blog post, MESCIUS Technical Engagement Engineer Joel Parks shows you how to utilize ActiveReportsJS to incoporate charts into your JavaScript report, and bind your chart data together through the use of parameterized drill-through navigation, allowing your users to easily traverse between them. Steps include:

  • Creating a report and binding a data source
  • Adding subreport parameters
  • Building line and stacked column charts
  • Setup drill-through navigation between reports
  • Loading the report into a JavaScript application

Read the complete blog now, and start adding drill-through chart functionality to your JavaScript report using ActiveReportsJS.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

Hervorheben von Trends mit React Spreadsheet Sparklines

Februar 22, 2024
Einbetten kompakter Diagramme in Tabellenzellen, um wichtige Erkenntnisse visuell hervorzuheben und die Dateninterpretation zu vereinfachen.

Auf Englisch weiterlesen:

Sparklines are miniature charts embedded within the cells of a spreadsheet. Their compact size allows for dense visualizations, revealing trends and patterns in large datasets without sacrificing valuable screen space. Placed directly beside their corresponding data, they facilitate immediate comparisons and insights, enhancing understanding and communication. Their flexible nature allows for diverse chart types, from lines highlighting trends to columns showcasing comparisons, making them adaptable to various data presentations.

Here are some React spreadsheet controls that offer sparkline functionality:

  • SpreadJS by MESCIUS is a powerful JavaScript spreadsheet solution, with full support for React, offering dynamic sparkline charts for visualizing trends and data patterns efficiently.
  • Jspreadsheet Pro is an advanced data grid solution that offers sparkline charts to gain instant insights from trends, exceptions, and comparisons for concise data visualization.
  • Infragistics Spreadsheet React (part of Infragistics Ignite UI) allows you to render line, area, column, and winloss sparklines within cells, enhancing data analysis capabilities.

For an in-depth analysis of features and price, visit our comparison of React spreadsheet controls.

Compare React Spreadsheet Controls

Darstellen komplexer 3D-Geometrien in JavaScript

Februar 16, 2024
LightningChart JS v5.1.0 integriert ein neues Netzmodell-Diagramm für farbenfrohe leistungsstarke Visualisierungen von 3D-Objekten mit Scheitelpunktwerten.

Auf Englisch weiterlesen:

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing charts for various applications.

The LightningChart JS v5.1.0 release lets you unleash the power of complex visualizations with the new Mesh Model 3D chart type. Render intricate geometries and models with dynamic coloring pulled from a separate data set in real-time. The PaletteFill feature imbues 3D Mesh Models with vibrant colors based on vertex values, transforming your charts into captivating representations of even the most detailed 3D shapes.

To see a full list of what's new in v5.1.0, see our release notes.

LightningChart JS is licensed based on method of deployment with options including SaaS Developer Licenses, Application Developer Licenses, and Publisher Developer Licenses. Each license is perpetual and includes 1 year subscription for technical support and software updates. See our LightningChart JS licensing page for full details.

Learn more on our LightningChart JS product page.