Skip to content

Conversation

Copy link

Copilot AI commented Oct 22, 2025

Overview

This PR updates the React Getting Started tutorial in doc/en/components/general-getting-started.md to demonstrate how to create an application with the IgrGrid component instead of the GeographicMap component.

Changes Made

Component Import Updates

  • Removed: GeographicMap module imports with registration
    import { IgrGeographicMapModule, IgrGeographicMap } from 'igniteui-react-maps';
    import { IgrDataChartInteractivityModule } from 'igniteui-react-charts';
    IgrGeographicMapModule.register();
    IgrDataChartInteractivityModule.register();
  • Added: IgrGrid import with CSS styling
    import { IgrGrid } from 'igniteui-react-grids';
    import 'igniteui-react-grids/grids/themes/light/bootstrap.css';

Component Usage Example

Replaced the GeographicMap example with a functional IgrGrid example:

function App() {
  const data = [
    { name: "John", age: 30 },
    { name: "Jane", age: 25 },
    { name: "Bob", age: 35 }
  ];

  return (
    <div style={{ height: "100%", width: "100%" }}>
      <IgrGrid
        data={data}
        autoGenerate="true">
      </IgrGrid>
    </div>
  );
}

Documentation Updates

  • Updated component reference link from [**GeographicMap**](geo-map.md) to [**Grid**](grids/data-grid.md)
  • Changed descriptive text from "map component" to "grid component"
  • Updated final result description from "interactive map of the world" to "data grid with sample data"
  • Changed sample reference from /maps/geo-map/display-osm-imagery to /{GridSample}/overview

Scope

  • ✅ Changes only affect React-specific code blocks (TypeScript sections)
  • ✅ Blazor and WebComponents sections remain unchanged
  • ✅ Consistent with existing grid documentation patterns
  • ✅ No security vulnerabilities introduced

Fixes the issue by providing React developers with a more relevant and commonly-used component (data grid) in the getting started tutorial.

Original prompt

This section details on the original issue you should resolve

<issue_title>[React] Replace the Geo Map Getting Started tutorial with IgrGrid</issue_title>
<issue_description></issue_description>

<agent_instructions>the getting started topic for React has a tutorial explaining how to create an app with the Infragistics geo map control. Change the tutorial to explain correctly how to add an igrGrid instead.</agent_instructions>

Comments on the Issue (you are @copilot in this section)

Fixes #1738


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI changed the title [WIP] Replace Geo Map tutorial with IgrGrid tutorial [React] Replace Geo Map tutorial with IgrGrid in Getting Started documentation Oct 22, 2025
Copilot AI requested a review from ChronosSF October 22, 2025 14:54
Copilot finished work on behalf of ChronosSF October 22, 2025 14:54
@ChronosSF ChronosSF marked this pull request as ready for review October 28, 2025 11:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[React] Replace the Geo Map Getting Started tutorial with IgrGrid

2 participants