Nouvelles React

Créez une application météo React avec les jauges Wijmo

Mars 12, 2024
Découvrez comment créer une application de composant React, basée sur les fonctions, qui récupère des informations météorologiques à partir de l’API OpenWeatherMap.

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.

Améliorez vos applications React avec l’édition de documents

Mars 7, 2024
TX Text Control .NET Server for ASP.NET tire parti du framework React pour créer des applications d’édition et d’affichage de documents.

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.

Ajoutez des graphiques d’exploration à votre application Web

Février 23, 2024
Les graphiques d’exploration JavaScript permettent aux utilisateurs de naviguer facilement dans plusieurs couches de données et de se concentrer sur des points de données spécifiques.

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.

Mettez en évidence les tendances avec des sparklines dans les feuilles de calcul React

Février 22, 2024
Intégrez des graphiques compacts dans les cellules d’une feuille de calcul pour mettre en évidence visuellement les informations essentielles et simplifier l’interprétation des données.

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

Effectuez le rendu de géométries 3D complexes en JavaScript

Février 16, 2024
LightningChart JS v5.1.0 ajoute un nouveau type de graphique (Mesh Model) pour proposer aux utilisateurs des visualisations colorées et hautes performances d’objets 3D à l’aide de valeurs vertex.

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.